API na Splitter · Needless UI

Shigo da shi

import-splitter.ts

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

Panes masu handles a tsakaninsu.

NuiSplitter: Kadarori
Suna	Iri	Na asali	Bayani
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Gefe da gefe, ko a saman juna.
`sizes`Hanya biyu	`number[]`	`shared evenly`	Rabon kowane pane, a kaso, bi da bi.
`storageKey`Input	`string`		Yana ajiye girman panes a `localStorage` ƙarƙashin wannan key.
`step`Input	`number`	`5`	Nisan da maɓallan kibiya ke matsar da handle, a kaso. Ninki biyu da Shift.
`move`Method	`(index: number, delta: number) => void`		Yana matsar da iyakar da ke bayan pane da wani kaso.

Pane ɗaya. Girmansa yana karɓar pixels, rems ko kaso.

NuiSplitterPane: Kadarori
Suna	Iri	Na asali	Bayani
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Girmansa na farko, idan babu girman da za a maido.
`min`Input	`string \| number`	`0`	Girmansa mafi ƙanƙanta.
`max`Input	`string \| number`	`'100%'`	Girmansa mafi girma.
`collapsible`Input	`boolean`	`false`	Yana naɗewa: idan aka ja shi ƙasa da rabin mafi ƙanƙantarsa, ko da Enter.
`collapsedSize`Input	`string \| number`	`0`	Girmansa idan ya naɗe, kamar siririn layin icons.
`label`Input	`string`		Yana ba handle ɗin da ke sauya girmansa suna.

Handle da ke tsakanin panes biyu.

NuiSplitterHandle: Kadarori
Suna	Iri	Na asali	Bayani
`label`Input	`string`	`the pane's label`	Yana ba shi suna, idan lakabin pane ɗin bai ba shi ba.
`disabled`Input	`boolean`	`false`	Ba ya motsi.
`toggle`Method	`() => void`		Yana naɗe pane da ke kusa da shi, ko yana dawo da shi.