Components
drawer
Slide-in panel.
A slide-in panel from the left or right side. Defined inside screens and triggered by :to "#id".
Usage
Position
(screen example "Example" :desktop
(box :padding 16
(text "Click buttons to open drawers"))
; Right side (default)
(drawer :id "settings" :right
(text "Settings"))
; Left side
(drawer :id "menu" :left
(text "Menu")))Flags
| Flag | Effect |
|---|---|
:open | Drawer is initially open |
:left | Drawer slides from left |
:right | Drawer slides from right |
:top | Drawer slides from top |
:bottom | Drawer slides from bottom |
:row | Horizontal layout |
:col | Vertical layout |
:grid | Grid 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 "settings" |
:title | string | :title "Settings" |
:position | string | :position "left" |
:gap | number | :gap 16 |
:padding | number | :padding 24 |
:width | number | :width 350 |
:height | any | :height "100%" |
Note: Default width is 400px if not specified.