# SignIn.EmailForm.SigninButton

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

Submit button component that handles form submission with loading states, validation, and error display. Provides automatic form submission, loading indicators, and comprehensive error handling with accessibility support.

## Quick Start Example [#quick-start-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({
  form: {
    flex: 1,
  },
});

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

  return (
    <SignIn.EmailForm
      loginType="Patient"
      tenantCode="your-tenant-code"
      style={[
        styles.form,
        {
          gap: theme.spacing(4),
        },
      ]}
    >
      <SignIn.EmailForm.Inputs />
      <SignIn.EmailForm.SigninButton />
    </SignIn.EmailForm>
  );
};

export default SignInButtonExample;
```

## Props [#props]

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

## Localization [#localization]

The component uses this translation key:

```json
{
  "sign-in": {
    "button": "Sign In"
  }
}
```

- `sign-in.button` - Default button text displayed on the submit button

## Styling [#styling]

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

The SignIn.EmailForm.SigninButton uses these theme values by default that can be changed globally:

- **`theme.colors.onPrimary`** - Button text color
- **`theme.colors.primary`** - Button background color (inherited from react-native-paper Button)
- **`theme.colors.error`** - Error text color for validation messages

## Related Components [#related-components]

- [SignIn.EmailForm](/native-sdk/guide/components/auth/sign-in/form/) - Email form provider that manages button state
- [SignIn.EmailForm.Inputs](/native-sdk/guide/components/auth/sign-in/form/inputs) - Input fields for email and password
- [SignIn.EmailForm.ForgotPassword](/native-sdk/guide/components/auth/sign-in/form/forgot-password) - Password recovery link