layouts
Switcher
Row → column automatically when the container is narrower than the threshold. Zero media queries, zero JS — pure CSS math.
Panel A
Panel B
Panel C
API Reference
SwitcherProps
Extends native HTML attributes inferred from the rendered element `as`.
| Property | Type | Default | Description |
|---|---|---|---|
as | ElementTag | "div" | HTML element to render as. |
ref $bindable | HTMLElement | Reference to the rendered DOM element. | |
threshold | string | "600px" | Container width below which items switch from a row to a stacked column. |
gap | union | "4" | Gap between items. |
children | Snippet | Content to render inside the switcher. |