Patterns
Auth card
A brand-configurable authentication surface using the measured sign-in layout.
Acme / Workspace
Sign in
New to Acme? Contact your administrator.
Interactive local example · fictional data
The Code tab contains this preview’s complete source, including sample data and interaction state. Load the package stylesheet and Switzer font as described in the installation guide. Additional layout utilities require Tailwind CSS in your application.
API reference
| Prop | Type | Default |
|---|---|---|
| brand | ReactNode | required |
| title | string | "Sign in" |
| children / footer | ReactNode | — |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Authentication is supplied by the consuming application. Credentials are never included in this library.
Reference
Member and admin sign-in screens