AuthLayout
Markdown for agentsCentered authentication surface: brand, title/description, form card and footer, with size presets.
npx slipstream-ui@latest add auth-layoutSign in
Sign in
Welcome back to Acme Studio.
New here? Create an account
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | required | Card heading (h1). |
| description | string | — | Supporting line under the heading. |
| brand | ReactNode | — | Mark rendered above the card. |
| footer | ReactNode | — | Links/legal copy under the card. |
| size | 'sm' | 'md' | 'lg' | 'md' | Card width preset. |
Accessibility
- Owns the page h1; keep the form free of additional h1s.
- Centered layout keeps the form reachable on small screens.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.