mirror of
https://github.com/hanzoai/design.git
synced 2026-10-30 14:58:37 +00:00
zooqueen
5e059914c8
The single source of truth for every Hanzo surface: monochrome opacity-ladder tokens (dark-default), self-contained core/forms/overlays/navigation components (each with .d.ts + .prompt.md), the mark/wordmark + provider/partner logos, and the specimen-card guidelines. One import: @hanzoai/design/styles.css.
584 B
584 B
Modal for focused tasks — add credits, agent detail, confirm destructive action.
<Dialog open={open} onOpenChange={setOpen}>
<DialogContent width={480}>
<DialogHeader><DialogTitle>Add credits</DialogTitle><DialogDescription>Credits never expire.</DialogDescription></DialogHeader>
<Input placeholder="$50" />
<DialogFooter><Button variant="ghost" onClick={()=>setOpen(false)}>Cancel</Button><Button>Add credits</Button></DialogFooter>
</DialogContent>
</Dialog>
Escape and scrim click both close. 16px radius (rounded-2xl), hairline border, shadow-2xl.