Needless UI

कंपोनेंट

Splitter

अगल-बगल या ऊपर-नीचे रखे पैनल, जिनका साइज़ हैंडल से बदला जा सकता है।

इम्पोर्ट

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

NuiSplitter

पैनल, जिनके बीच हैंडल होते हैं।

सिलेक्टर
[nuiSplitter]
नामटाइपडिफ़ॉल्टविवरण
orientationइनपुट'horizontal' | 'vertical''horizontal'अगल-बगल, या ऊपर-नीचे।
sizesदो-तरफ़ाnumber[]shared evenlyहर पैनल का हिस्सा, प्रतिशत में, क्रम से।
storageKeyइनपुटstringसाइज़ को इस कुंजी के तहत localStorage में रखता है।
stepइनपुटnumber5ऐरो कुंजियाँ हैंडल को कितना खिसकाती हैं, प्रतिशत में। Shift के साथ दोगुना।
moveमेथड(index: number, delta: number) => voidकिसी पैनल के बाद वाली सीमा-रेखा को दिए गए प्रतिशत जितना खिसकाता है।

NuiSplitterPane

एक पैनल। इसके साइज़ पिक्सेल, rem या प्रतिशत में दिए जाते हैं।

सिलेक्टर
[nuiSplitterPane]
नामटाइपडिफ़ॉल्टविवरण
defaultSizeइनपुटstring | number (e.g. '240px', '30%')शुरुआत में इसका साइज़, जब बहाल करने को कोई सहेजा गया साइज़ न हो।
minइनपुटstring | number0इसका सबसे छोटा साइज़।
maxइनपुटstring | number'100%'इसका सबसे बड़ा साइज़।
collapsibleइनपुटbooleanfalseयह सिमट सकता है: न्यूनतम के आधे से नीचे ड्रैग करने पर, या Enter से।
collapsedSizeइनपुटstring | number0सिमटने पर इसका साइज़, जैसे आइकनों की एक पतली पट्टी।
labelइनपुटstringउस हैंडल को नाम देता है, जो इसे रीसाइज़ करता है।

NuiSplitterHandle

दो पैनलों के बीच का हैंडल।

सिलेक्टर
[nuiSplitterHandle]
नामटाइपडिफ़ॉल्टविवरण
labelइनपुटstringthe pane's labelइसे नाम देता है, जब पैनल का लेबल यह काम न करे।
disabledइनपुटbooleanfalseयह खिसकता नहीं।
toggleमेथड() => voidबगल वाले पैनल को समेटता है, या उसे वापस लाता है।