API компонента Разделитель панелей

Импорт

import-splitter.ts

import { NuiSplitter, NuiSplitterHandle, NuiSplitterPane } from '@needless-ui/angular/splitter';

Панели с ручками между ними.

NuiSplitter: Свойства
Имя	Тип	По умолчанию	Описание
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Рядом или друг над другом.
`sizes`Двусторонний	`number[]`	`shared evenly`	Доля каждой панели в процентах, по порядку.
`storageKey`Input	`string`		Хранит размеры в `localStorage` под этим ключом.
`step`Input	`number`	`5`	На сколько процентов клавиши-стрелки сдвигают ручку. С Shift — вдвое дальше.
`move`Метод	`(index: number, delta: number) => void`		Сдвигает границу после панели на заданное число процентов.

Панель. Её размеры задаются в пикселях, rem или процентах.

NuiSplitterPane: Свойства
Имя	Тип	По умолчанию	Описание
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Начальный размер, если восстанавливать нечего.
`min`Input	`string \| number`	`0`	Минимальный размер.
`max`Input	`string \| number`	`'100%'`	Максимальный размер.
`collapsible`Input	`boolean`	`false`	Панель сворачивается: если уменьшить её меньше половины минимума или нажать Enter.
`collapsedSize`Input	`string \| number`	`0`	Размер в свёрнутом виде, например полоса с иконками.
`label`Input	`string`		Задаёт имя ручки, которая меняет размер панели.

Ручка между двумя панелями.

NuiSplitterHandle: Свойства
Имя	Тип	По умолчанию	Описание
`label`Input	`string`	`the pane's label`	Задаёт имя ручки, если его не задаёт label панели.
`disabled`Input	`boolean`	`false`	Ручка не сдвигается.
`toggle`Метод	`() => void`		Сворачивает соседнюю панель или возвращает её.