LayoutSplitter

Two resizable panes with a separator, the keyboard and the pointer.

import { LayoutSplitter } from '@zairakai/vue-components/Layout'

Usage

<LayoutSplitter />

Props

Name	Type	Default	Description
id	string
class	string
modelValue	number	undefined	The size of the first pane, in percent.
direction	string	'horizontal'	"horizontal" puts the panes side by side, "vertical" one above the other.
min	number	10
max	number	90
step	number	5	How far an arrow key moves it, in percent.
label	string	'Resize'

Events

Name	Description
update:modelValue

Slots

Name	Description
first
second

See Theming for the class hooks and the data-* state of the components.