Auth Card
Apple-styled glass sign-in card with Google, X, Apple buttons and email magic link.
Loading component preview...
Props
[7 props]| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Sign in" | Card title heading text. |
| description | string | "Continue with a provider or email" | Subtitle below the heading. |
| onSocial | (provider: "google" | "x" | "apple") => void | undefined | Callback triggered when social button is pressed. |
| onEmail | (email: string) => void | undefined | Callback triggered upon valid email form submission. |
| pending | boolean | false | Disables inputs and displays loading state. |
| error | string | undefined | Validation or server error message shown beneath email input. |
| className | string | undefined | Optional Tailwind CSS class name overrides. |