Components · UI Primitives
Dialog
Modal with overlay, header, footer, title & description.
Confirm order
You are about to buy 50 shares of TATAMOTORS at market price.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state. |
onOpenChange | (open) => void | — | Open-state callback. |
title | string | — | Dialog heading. |
description | string | — | Supporting text. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.