API ng Splitter · Needless UI

Import

import-splitter.ts

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

Mga pane na may mga handle sa pagitan nila.

NuiSplitter: Mga property
Pangalan	Uri	Default	Paglalarawan
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Magkatabi, o nakapatong.
`sizes`Two-way	`number[]`	`shared evenly`	Ang bahagi ng bawat pane, sa percent, ayon sa pagkakasunod.
`storageKey`Input	`string`		Itinatabi ang mga laki sa `localStorage` sa ilalim ng key na ito.
`step`Input	`number`	`5`	Kung gaano kalayo inililipat ng mga arrow key ang isang handle, sa percent. Doble ang layo kapag may Shift.
`move`Method	`(index: number, delta: number) => void`		Inililipat nang ilang percent ang hangganan pagkatapos ng isang pane.

Isang pane. Tumatanggap ang mga laki nito ng pixel, rem o percent.

NuiSplitterPane: Mga property
Pangalan	Uri	Default	Paglalarawan
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		Ang panimulang laki nito, kapag walang laking maibabalik.
`min`Input	`string \| number`	`0`	Ang pinakamaliit nitong laki.
`max`Input	`string \| number`	`'100%'`	Ang pinakamalaki nitong laki.
`collapsible`Input	`boolean`	`false`	Nako-collapse ito: kapag na-drag nang mas maliit sa kalahati ng minimum nito, o sa Enter.
`collapsedSize`Input	`string \| number`	`0`	Ang laki nito kapag naka-collapse, gaya ng isang hanay ng mga icon.
`label`Input	`string`		Pinapangalanan ang handle na nagre-resize dito.

Ang handle sa pagitan ng dalawang pane.

NuiSplitterHandle: Mga property
Pangalan	Uri	Default	Paglalarawan
`label`Input	`string`	`the pane's label`	Pinapangalanan ito, kapag hindi ito pinapangalanan ng label ng pane.
`disabled`Input	`boolean`	`false`	Hindi ito gumagalaw.
`toggle`Method	`() => void`		Kino-collapse ang pane sa tabi nito, o ibinabalik ito.