LoginPage
v1.0.17Updated 19 Oct 2026Composed example of a build69 login screen (split layout with brand panel + form). This is a reference, not a reusable atom — copy it as the starting point for your own auth flow.
Preview
Live · 7 storiesDefaultOpen ↗
▸Why this is recommendedpageloginauthexample+1
The default, out-of-the-box LoginPage.
Recommended for+14
- ✓Reference for assembling auth pages
Tags+6
pageloginauthexampledefault
Features+4
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- Brand panel + form panel split
- Email + password fields
- SSO buttons
- Forgot password link
Not recommended for−2
- ✕Direct embedding — clone and customise instead
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_LOGIN_PAGE_LABELS (29 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—