Default
A modal with a title and a clear primary action.
Browse components
Modal
Dialog overlay for focused tasks. Use it for confirmations, short forms, and critical flows that should not lose context.
molecules 3 variants
Variants / states: smmdlg
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| isOpen | boolean | No | false | Open state. Bindable. |
| title | string | No | — | Dialog title. |
| description | string | No | — | Text below the title, linked as the dialog's description. |
| size | 'sm' | 'md' | 'lg' | No | md | Panel width. |
| showClose | boolean | No | true | Show the close button. |