Overlays & feedback
Glass over the app, never a curtain.
Dialogs, drawers and toasts sit on the densest tint so the page stays legible underneath. They rise 16px on entry and settle, not fade.
Toast · stack + intents
bottom-right, 3 max
Tokens published
DESIGN.md regenerated · 3 consumers synced
Syncing native builds…
Android blur module needs a rebuild
Publish failed · contrast floor not met
const { toast } = useToast() · toast({ title: "Tokens published" }) · <ToastProvider>
Alert · Empty state · Progress
inline
Glass is a theming mode, not a prop
Use <ThemeProvider glass>; there is no per-component switch.
2 tokens fail the contrast floor
warning-foreground on warning is 3.9:1 in light.
No workspaces yet
Create one to start syncing tokens across your apps.
Uploading tokens.json
64%
<Alert info dismissible> · <Alert destructive> · <EmptyState> · <Progress value={0.64}>
Alert · intents · announcement
inline
Contrast checks pass
Every text token holds 4.5:1 on solid and tonal surfaces.
Glass needs verifying in the app
Contrast over glass depends on what sits behind it.
<Alert success> · <Alert warning> · announcement bar spans the page · for blocking prompts use AlertDialog