Foundation / Layout
Panel
client21 kB
@stellaria/nebula-webPanelPropsPreview
Preview
Props
12| Prop | Type | Default |
|---|---|---|
className | string | — |
defaultSize | number | 320 |
detail required | ReactNode | — |
labels | Partial<PanelLabels> | — |
master required | ReactNode | — |
max | number | 640 |
min | number | 160 |
onSizeChange | ((size: number) => void) | — |
orientation | PanelOrientation | "horizontal" |
resizable | boolean | true |
size | number | — |
step | number | 16 |
Slot props
3Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
detailProps The `detail` panel, which takes whatever is left. | BoxSlotProps | — |
masterProps The `master` panel. Its size comes from `size`; the two panels share a class but not a slot. | BoxSlotProps | — |
separatorProps The handle that splits the space. It carries the keyboard and pointer handling of the resize, so an `onKeyDown` or an `onPointerDown` here replaces them instead of adding to them. | BoxSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.
Style props · 127