Panel
The builder's flush surface for a docked column of controls.
The builder's docked surface. Where a Card is an object on a page, a Panel is a region of the app — it fills its column and owns its own scrolling.
Surfaces
surface="raised" lifts the panel one step for a column that sits on top of another surface rather than beside it.
Pages
Layers
Scrolling
scroll makes the panel the scroll container rather than the page. Use it so a long list scrolls under a header that stays put.
Pages
Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
Page 8
Props
Panel
| Prop | Type | Default | Description |
|---|---|---|---|
surface | "panel" | "raised" | "panel" | `raised` for a column sitting on top of another surface. |
scroll | boolean | false | Makes the panel its own scroll container. |