Composition Gallery
Login
A compact authentication composition that tests form hierarchy without becoming a product screen.
Overview
Combines the smallest authentication flow from Core building blocks, including validation, loading, and recovery navigation.
Live Preview
Welcome back
Use your workspace email.
Code
<Card><Field label="Email"><Input /></Field><Button>Sign in</Button></Card>Components Used
CardFieldInputButtonAlertAccessibility
Fields retain visible labels and error messages; native form submission supports Enter and the link remains a separate navigation target.
Responsive Behaviour
The card stays single-column, keeps 32px controls, and uses page padding rather than shrinking touch targets.
Notes
Core supplies the fields and feedback. SSO routing, account recovery policy, and workspace selection would be product logic or Pro-ready workflows.