# SignIn.EmailForm.Spacing

Canonical page: https://docs.ovok.com/native-sdk/guide/components/auth/sign-in/form/spacing

Layout spacing component that provides flexible vertical spacing using flex-based layout.

## Quick Example [#quick-example]

```tsx
import { SignIn, useAppTheme } from "@ovok/native";
import React from "react";
import { StyleSheet } from "react-native";

// Static styles outside component
const styles = StyleSheet.create({
  customSpacing: {
    backgroundColor: "transparent",
  },
  container: {
    flexGrow: 1,
  },
});

const SpacingExample = () => {
  const theme = useAppTheme();

  return (
    <SignIn.EmailForm
      loginType="Patient"
      tenantCode="your-tenant-code"
      style={styles.container}
    >
      <SignIn.EmailForm.Inputs />
      <SignIn.EmailForm.Spacing
        percentage={2}
        style={[
          styles.customSpacing,
          {
            borderRadius: theme.borderRadius(1),
          },
        ]}
      />
      <SignIn.EmailForm.ForgotPassword />
      <SignIn.EmailForm.Spacing percentage={1} />
      <SignIn.EmailForm.SigninButton />
    </SignIn.EmailForm>
  );
};

export default SpacingExample;
```

## Props [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/auth` API reference](/native-sdk/reference/auth).

## Component Behavior [#component-behavior]

The component uses `flex: percentage` to create proportional spacing in flex layouts. Higher percentage values create more space relative to other flex items.

## Styling [#styling]

### Theme Variables Used [#theme-variables-used]

- No specific theme variables used by default
- Inherits styling capabilities from React Native View component

## Related Components [#related-components]

- [SignIn.EmailForm](/native-sdk/guide/components/auth/sign-in/form/) - Email form provider that manages layout
- [SignIn.EmailForm.Inputs](/native-sdk/guide/components/auth/sign-in/form/inputs) - Email and password input fields
- [SignIn.EmailForm.SigninButton](/native-sdk/guide/components/auth/sign-in/form/signin-button) - Form submit button