Resizable
Доступні групи панелей зі зміною розміру та перетягуваними роздільниками.
Використання
Горизонтально
Left panel
Right panel
Вертикально
Top panel
Bottom panel
Довідник API
VoltResizableHandle — volt-resizable-handle
| Вхід | Тип | За замовчуванням |
|---|---|---|
| orientation | 'horizontal' | 'vertical' | 'horizontal' |
| maxSize | number | undefined | undefined |
| Вихід | Тип |
|---|---|
| resizingChange | boolean |
VoltResizablePanel — volt-resizable-panel
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltResizable — volt-resizable
| Вхід | Тип | За замовчуванням |
|---|---|---|
| orientation | 'horizontal' | 'vertical' | 'horizontal' |
| class | string | '' |
Код компонента
Встановити через CLI:
npx @voltui/cli add resizableTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт.