API do componente Splitter

Importação

import-splitter.ts

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

Painéis com alças entre eles.

NuiSplitter: Propriedades
Nome	Tipo	Padrão	Descrição
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Lado a lado, ou empilhados.
`sizes`Bidirecional	`number[]`	`shared evenly`	A proporção de cada painel, em porcentagem, na ordem.
`storageKey`Input	`string`		Guarda os tamanhos em `localStorage` com esta chave.
`step`Input	`number`	`5`	Quanto as setas movem uma alça, em porcentagem. O dobro com Shift.
`move`Método	`(index: number, delta: number) => void`		Move em uma porcentagem a fronteira depois de um painel.

Um painel. Os tamanhos dele aceitam pixels, rem ou porcentagem.

NuiSplitterPane: Propriedades
Nome	Tipo	Padrão	Descrição
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		O tamanho inicial, quando não há tamanhos para restaurar.
`min`Input	`string \| number`	`0`	O tamanho mínimo.
`max`Input	`string \| number`	`'100%'`	O tamanho máximo.
`collapsible`Input	`boolean`	`false`	Ele se recolhe: arrastado abaixo da metade do mínimo, ou com Enter.
`collapsedSize`Input	`string \| number`	`0`	O tamanho dele recolhido, como uma barra de ícones.
`label`Input	`string`		Dá nome à alça que o redimensiona.

A alça entre dois painéis.

NuiSplitterHandle: Propriedades
Nome	Tipo	Padrão	Descrição
`label`Input	`string`	`the pane's label`	Dá nome à alça, quando o rótulo do painel não faz isso.
`disabled`Input	`boolean`	`false`	Ela não se move.
`toggle`Método	`() => void`		Recolhe o painel ao lado, ou o restaura.