API der Komponente Splitter

Import

import-splitter.ts

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

Bereiche mit Griffen dazwischen.

NuiSplitter: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Nebeneinander oder übereinander.
`sizes`Two-Way	`number[]`	`shared evenly`	Der Anteil jedes Bereichs in Prozent, der Reihe nach.
`storageKey`Input	`string`		Speichert die Größen unter diesem Schlüssel in `localStorage`.
`step`Input	`number`	`5`	Wie weit die Pfeiltasten einen Griff verschieben, in Prozent. Mit Umschalt doppelt so weit.
`move`Methode	`(index: number, delta: number) => void`		Verschiebt die Grenze hinter einem Bereich um einen Prozentwert.

Ein Bereich. Seine Größen nehmen Pixel, rem oder Prozent an.

NuiSplitterPane: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Seine Anfangsgröße, wenn keine Größen wiederherzustellen sind.
`min`Input	`string \| number`	`0`	Seine Mindestgröße.
`max`Input	`string \| number`	`'100%'`	Seine Maximalgröße.
`collapsible`Input	`boolean`	`false`	Er klappt ein: unter die Hälfte seines Minimums gezogen oder mit Enter.
`collapsedSize`Input	`string \| number`	`0`	Seine Größe im eingeklappten Zustand, etwa eine Leiste mit Icons.
`label`Input	`string`		Benennt den Griff, der seine Größe ändert.

Der Griff zwischen zwei Bereichen.

NuiSplitterHandle: Eigenschaften
Name	Typ	Standardwert	Beschreibung
`label`Input	`string`	`the pane's label`	Benennt ihn, wenn das Label des Bereichs es nicht tut.
`disabled`Input	`boolean`	`false`	Er lässt sich nicht bewegen.
`toggle`Methode	`() => void`		Klappt den Bereich daneben ein oder wieder auf.