API del componente Splitter

Importación

import-splitter.ts

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

Paneles con divisores entre ellos.

NuiSplitter: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Lado a lado, o apilados.
`sizes`Bidireccional	`number[]`	`shared evenly`	La parte de cada panel, en porcentaje, en orden.
`storageKey`Input	`string`		Guarda los tamaños en `localStorage` con esta clave.
`step`Input	`number`	`5`	Cuánto mueven las flechas un divisor, en porcentaje. El doble con Mayús.
`move`Método	`(index: number, delta: number) => void`		Mueve en un porcentaje la frontera que sigue a un panel.

Un panel. Sus tamaños admiten píxeles, rem o porcentaje.

NuiSplitterPane: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Su tamaño inicial, cuando no hay tamaños que restaurar.
`min`Input	`string \| number`	`0`	Su tamaño mínimo.
`max`Input	`string \| number`	`'100%'`	Su tamaño máximo.
`collapsible`Input	`boolean`	`false`	Se pliega: al arrastrarlo por debajo de la mitad de su mínimo, o con Intro.
`collapsedSize`Input	`string \| number`	`0`	Su tamaño plegado, como una barra de iconos.
`label`Input	`string`		Da nombre al divisor que lo redimensiona.

El divisor entre dos paneles.

NuiSplitterHandle: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`label`Input	`string`	`the pane's label`	Le da nombre, cuando la etiqueta del panel no lo hace.
`disabled`Input	`boolean`	`false`	No se mueve.
`toggle`Método	`() => void`		Pliega el panel de al lado, o lo restaura.