design/components/overlays/Dialog.prompt.md at main

mirror of https://github.com/luxfi/design.git synced 2026-10-30 16:58:57 +00:00

Files

T

zeekay d954227524 feat: Lux Design System — tokens, components, brand assets, guidelines

Monochrome, dark by default. One hue rendered through an opacity ladder.
Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/
overlays components + brand guidelines + ui kit. The single source of truth for
every Lux surface — loadable and editable.

2026-07-24 17:21:07 -07:00

584 B

Raw Permalink Blame History

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.

584 B Raw Permalink Blame History

584 B

Raw Permalink Blame History