API Pemisah panel · Needless UI

Impor

import-splitter.ts

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

Panel dengan handle di antaranya.

NuiSplitter: Properti
Nama	Tipe	Default	Deskripsi
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Berdampingan, atau bertumpuk.
`sizes`Dua arah	`number[]`	`shared evenly`	Bagian setiap panel, dalam persen, sesuai urutan.
`storageKey`Input	`string`		Menyimpan ukuran di `localStorage` dengan kunci ini.
`step`Input	`number`	`5`	Seberapa jauh tombol panah menggeser handle, dalam persen. Dua kali lipat dengan Shift.
`move`Metode	`(index: number, delta: number) => void`		Menggeser batas setelah sebuah panel sebesar persentase tertentu.

Sebuah panel. Ukurannya bisa dalam piksel, rem, atau persen.

NuiSplitterPane: Properti
Nama	Tipe	Default	Deskripsi
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Ukuran awalnya, saat tidak ada ukuran yang bisa dipulihkan.
`min`Input	`string \| number`	`0`	Ukuran terkecilnya.
`max`Input	`string \| number`	`'100%'`	Ukuran terbesarnya.
`collapsible`Input	`boolean`	`false`	Panel bisa diciutkan: diseret di bawah separuh minimumnya, atau dengan Enter.
`collapsedSize`Input	`string \| number`	`0`	Ukurannya saat diciutkan, misalnya deretan ikon.
`label`Input	`string`		Menamai handle yang mengubah ukurannya.

Handle di antara dua panel.

NuiSplitterHandle: Properti
Nama	Tipe	Default	Deskripsi
`label`Input	`string`	`the pane's label`	Menamai handle, jika label panel tidak menamainya.
`disabled`Input	`boolean`	`false`	Handle tidak bisa digeser.
`toggle`Metode	`() => void`		Menciutkan panel di sebelahnya, atau mengembalikannya.