Needless UI

Vijenzi

Kigawanya paneli

Paneli kando kwa kando au moja juu ya nyingine, zenye vishikio vya kuzibadilisha ukubwa.

Kuingiza

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

NuiSplitter

Paneli zenye vishikio kati yake.

Kiteuzi
[nuiSplitter]
JinaAinaChaguomsingiMaelezo
orientationInput'horizontal' | 'vertical''horizontal'Kando kwa kando, au moja juu ya nyingine.
sizesPande mbilinumber[]shared evenlySehemu ya kila paneli, kwa asilimia, kwa mpangilio.
storageKeyInputstringHuhifadhi ukubwa kwenye localStorage chini ya ufunguo huu.
stepInputnumber5Umbali ambao vitufe vya mishale husogeza kishikio, kwa asilimia. Mara mbili yake kwa Shift.
moveMbinu(index: number, delta: number) => voidHusogeza mpaka ulio baada ya paneli kwa asilimia fulani.

NuiSplitterPane

Paneli. Ukubwa wake hupokea pikseli, rem au asilimia.

Kiteuzi
[nuiSplitterPane]
JinaAinaChaguomsingiMaelezo
defaultSizeInputstring | number (e.g. '240px', '30%')Ukubwa wake wa kwanza, wakati hakuna ukubwa wa kurejesha.
minInputstring | number0Ukubwa wake mdogo zaidi.
maxInputstring | number'100%'Ukubwa wake mkubwa zaidi.
collapsibleInputbooleanfalseHujikunja: ikiburutwa chini ya nusu ya ukubwa wake wa chini kabisa, au kwa Enter.
collapsedSizeInputstring | number0Ukubwa wake ikiwa imekunjwa, kama safu nyembamba ya ikoni.
labelInputstringHukipa jina kishikio kinachobadilisha ukubwa wake.

NuiSplitterHandle

Kishikio kati ya paneli mbili.

Kiteuzi
[nuiSplitterHandle]
JinaAinaChaguomsingiMaelezo
labelInputstringthe pane's labelHukipa jina, pale lebo ya paneli isipokipa.
disabledInputbooleanfalseHakisogei.
toggleMbinu() => voidHukunja paneli iliyo kando yake, au huirudisha.