Bölme ayırıcı API’si

İçe aktarma

import-splitter.ts

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

Aralarında tutamaçlar olan bölmeler.

NuiSplitter: Özellikler
Ad	Tür	Varsayılan	Açıklama
`orientation`Girdi	`'horizontal' \| 'vertical'`	`'horizontal'`	Yan yana ya da üst üste.
`sizes`Çift yönlü	`number[]`	`shared evenly`	Her bölmenin payı, yüzde olarak ve sırayla.
`storageKey`Girdi	`string`		Boyutları bu anahtarla `localStorage` içinde saklar.
`step`Girdi	`number`	`5`	Ok tuşlarının bir tutamacı ne kadar taşıdığı, yüzde olarak. Shift ile iki katı.
`move`Metot	`(index: number, delta: number) => void`		Bir bölmeden sonraki sınırı belirli bir yüzde kadar taşır.

Bir bölme. Boyutları piksel, rem ya da yüzde olarak verilir.

NuiSplitterPane: Özellikler
Ad	Tür	Varsayılan	Açıklama
`defaultSize`Girdi	`string \| number (e.g. '240px', '30%')`		Geri yüklenecek boyut yokken başlangıçtaki boyutu.
`min`Girdi	`string \| number`	`0`	En küçük boyutu.
`max`Girdi	`string \| number`	`'100%'`	En büyük boyutu.
`collapsible`Girdi	`boolean`	`false`	Daraltılabilir: en küçük boyutunun yarısının altına sürüklenince ya da Enter ile.
`collapsedSize`Girdi	`string \| number`	`0`	Daraltılmış hâldeki boyutu; örneğin bir simge şeridi.
`label`Girdi	`string`		Bölmeyi yeniden boyutlandıran tutamacı adlandırır.

İki bölme arasındaki tutamaç.

NuiSplitterHandle: Özellikler
Ad	Tür	Varsayılan	Açıklama
`label`Girdi	`string`	`the pane's label`	Bölmenin label değeri adlandırmıyorsa tutamacı adlandırır.
`disabled`Girdi	`boolean`	`false`	Tutamaç hareket etmez.
`toggle`Metot	`() => void`		Yanındaki bölmeyi daraltır ya da geri açar.