MediaBrowse media components
Split pane
Resizable panes with horizontal or vertical handles.
Live preview
Left pane
Right pane
Usage
Adapters:React stableVue stable
index.html
<div class="lm-split">
<div>Left</div>
<div class="lm-split-handle" role="separator"></div>
<div>Right</div>
</div>CSS classes (3)
| Class | Description |
|---|---|
lm-split | Grid wrapper |
lm-split-vertical | Stack vertically |
lm-split-handle | Drag handle |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
sizes | [number, number] | — | — |
minSize | number | — | — |
Accessibility
- Handle: role='separator', aria-orientation, aria-valuenow.
- Arrow keys resize 5%; Home/End jump to extremes.
Spotted something wrong? Edit this entry on GitHub.