API Pamisah panel · Needless UI

Import

import-splitter.ts

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

Panel-panel kanthi gagang ing antarane.

NuiSplitter: Properti
Jeneng	Jinis	Gawan	Katrangan
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Jejer, utawa numpuk.
`sizes`Rong arah	`number[]`	`shared evenly`	Bagean saben panel, ing persen, miturut urutan.
`storageKey`Input	`string`		Nyimpen ukuran ing `localStorage` kanthi kunci iki.
`step`Input	`number`	`5`	Sepira adohe tombol panah mindhah gagang, ing persen. Kaping pindho kanthi Shift.
`move`Metode	`(index: number, delta: number) => void`		Mindhah wates sawise sawijining panel kanthi persentase tartamtu.

Siji panel. Ukurane bisa ing piksel, rem utawa persen.

NuiSplitterPane: Properti
Jeneng	Jinis	Gawan	Katrangan
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Ukuran wiwitane, nalika ora ana ukuran sing kudu dibalekake.
`min`Input	`string \| number`	`0`	Ukuran paling cilik.
`max`Input	`string \| number`	`'100%'`	Ukuran paling gedhe.
`collapsible`Input	`boolean`	`false`	Bisa dilempit: diseret nganti kurang saka separo ukuran minimale, utawa nganggo Enter.
`collapsedSize`Input	`string \| number`	`0`	Ukurane nalika dilempit, kayata jalur ikon sing ciut.
`label`Input	`string`		Menehi jeneng marang gagang sing ngowahi ukurane.

Gagang ing antarane rong panel.

NuiSplitterHandle: Properti
Jeneng	Jinis	Gawan	Katrangan
`label`Input	`string`	`the pane's label`	Menehi jeneng gagang, yen label panel ora menehi jeneng.
`disabled`Input	`boolean`	`false`	Ora bisa obah.
`toggle`Metode	`() => void`		Nglempit panel ing sandhinge, utawa mbalekake.