ComponentsSplitter
Splitter
The Splitter is a flexible and dynamic component that allows division of the screen or a section into multiple resizable areas.
The Splitter is a flexible and dynamic component that allows division of the screen or a section into multiple resizable areas.
| Prop | Type | Default |
|---|---|---|
asChild | boolean | |
defaultSize | PanelSizeData[] | |
dir | 'ltr' | 'rtl' | "ltr" |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
root: string
resizeTrigger(id: string): string
label(id: string): string
panel(id: string | number): string
}> | |
onSizeChange | (details: SizeChangeDetails) => void | |
onSizeChangeEnd | (details: SizeChangeDetails) => void | |
onSizeChangeStart | (details: SizeChangeDetails) => void | |
orientation | 'horizontal' | 'vertical' | |
size | PanelSizeData[] |
| Prop | Type | Default |
|---|---|---|
id | PanelId | |
asChild | boolean | |
snapSize | number |
| Prop | Type | Default |
|---|---|---|
id | type ONLY_FOR_FORMAT =
| `${string}:${string}`
| `${string}:${number}`
| `${number}:${string}`
| `${number}:${number}` | |
asChild | boolean | |
disabled | boolean | |
step | number |