auth pattern
Magic link sent
Confirmation screen after requesting magic-link sign-in.
When to use it
User submitted email on the magic-link path.
- Reassure the link is on its way
- Resend escape hatch
Layout regions
- header
- card
States
- default
- Awaiting click
- success
- Resent
Example
<Card><CardHeader><CardTitle>Check your email</CardTitle></CardHeader><CardContent><p>We sent a sign-in link to {masked(email)}.</p></CardContent></Card>The full Magic link sent pattern specifies 2 exact microcopy strings, 1 motion spec, 3 composition rules — all gated behind the full recipe. Get the full recipe.