Components
modal
Centered modal dialog.
A centered modal dialog overlay. Defined inside screens and triggered by :to "#id".
Usage
Opening a Modal
(button "Open Modal" :to "#my-modal")Closing a Modal
(button "Close" :to :close)Flags
| Flag | Effect |
|---|---|
:open | Modal is initially open |
:row | Horizontal layout |
:col | Vertical layout |
:center | Center alignment |
:start | Start alignment |
:end | End alignment |
:between | Space between |
:full | Full size |
:fill | Fill available space |
Properties
| Property | Type | Example |
|---|---|---|
:id | string | :id "confirm" |
:gap | number | :gap 16 |
:padding | number | :padding 24 |
:width | number | :width 400 |
:height | number | :height 300 |
Note: Default max width is 600px or 90% of container.