API du composant Splitter

Import

import-splitter.ts

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

Des panneaux séparés par des poignées.

NuiSplitter: Propriétés
Nom	Type	Par défaut	Description
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Côte à côte, ou empilés.
`sizes`Bidirectionnel	`number[]`	`shared evenly`	La part de chaque panneau, en pourcentage, dans l’ordre.
`storageKey`Input	`string`		Conserve les tailles dans `localStorage` sous cette clé.
`step`Input	`number`	`5`	De combien les flèches déplacent une poignée, en pourcentage. Deux fois plus avec Maj.
`move`Méthode	`(index: number, delta: number) => void`		Déplace d’un pourcentage la frontière qui suit un panneau.

Un panneau. Ses tailles acceptent des pixels, des rem ou des pourcentages.

NuiSplitterPane: Propriétés
Nom	Type	Par défaut	Description
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Sa taille de départ, quand il n’y a pas de tailles à restaurer.
`min`Input	`string \| number`	`0`	Sa taille minimale.
`max`Input	`string \| number`	`'100%'`	Sa taille maximale.
`collapsible`Input	`boolean`	`false`	Il se replie : glissé sous la moitié de son minimum, ou avec Entrée.
`collapsedSize`Input	`string \| number`	`0`	Sa taille une fois replié, par exemple une barre d’icônes.
`label`Input	`string`		Nomme la poignée qui le redimensionne.

La poignée entre deux panneaux.

NuiSplitterHandle: Propriétés
Nom	Type	Par défaut	Description
`label`Input	`string`	`the pane's label`	La nomme, quand le libellé du panneau ne le fait pas.
`disabled`Input	`boolean`	`false`	Elle ne bouge pas.
`toggle`Méthode	`() => void`		Replie le panneau voisin, ou le déplie.