Components
Dialog
A 600px information surface with a navy heading and dimmed backdrop.
Interactive local example · fictional data
The Code tab contains this preview’s complete source, including sample data and interaction state. Load the package stylesheet and Switzer font as described in the installation guide. Additional layout utilities require Tailwind CSS in your application.
API reference
| Prop | Type | Default |
|---|---|---|
| open / defaultOpen | boolean | false |
| onOpenChange | (open: boolean) => void | — |
| DialogContent.className | string | — |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Focus is trapped while open and restored on close. Escape dismisses.
- Provide both a title and description. Portaled content carries the AJS root typography class.
Reference
Contacts → Business Info