इम्पोर्ट
import { NuiSplitter, NuiSplitterHandle, NuiSplitterPane } from '@needless-ui/angular/splitter';NuiSplitter
पॅनेल्स, आणि त्यांच्यामध्ये हँडल्स.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
orientationइनपुट | 'horizontal' | 'vertical' | 'horizontal' | शेजारी-शेजारी, किंवा एकाखाली एक. |
sizesदुतर्फी | number[] | shared evenly | प्रत्येक पॅनेलचा वाटा, टक्क्यांमध्ये, क्रमाने. |
storageKeyइनपुट | string | आकार या की अंतर्गत localStorage मध्ये ठेवते. | |
stepइनपुट | number | 5 | ॲरो कळा हँडल किती हलवतात, टक्क्यांमध्ये. Shift सह दुप्पट. |
moveमेथड | (index: number, delta: number) => void | एखाद्या पॅनेलनंतरची सीमारेषा दिलेल्या टक्क्यांनी हलवते. |
NuiSplitterPane
एक पॅनेल. त्याचे आकार पिक्सेल, rem किंवा टक्क्यांमध्ये देता येतात.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
defaultSizeइनपुट | string | number (e.g. '240px', '30%') | सुरुवातीचा आकार, जेव्हा रिस्टोअर करण्यासाठी सेव्ह केलेला आकार नसतो. | |
minइनपुट | string | number | 0 | त्याचा सर्वात लहान आकार. |
maxइनपुट | string | number | '100%' | त्याचा सर्वात मोठा आकार. |
collapsibleइनपुट | boolean | false | ते मिटते: किमान आकाराच्या निम्म्याखाली ड्रॅग केल्यावर, किंवा Enter ने. |
collapsedSizeइनपुट | string | number | 0 | मिटल्यावर त्याचा आकार, जसे आयकॉन्सची अरुंद पट्टी. |
labelइनपुट | string | त्याचा आकार बदलणाऱ्या हँडलला नाव देते. |
NuiSplitterHandle
दोन पॅनेल्समधील हँडल.
| नाव | प्रकार | डीफॉल्ट | वर्णन |
|---|---|---|---|
labelइनपुट | string | the pane's label | पॅनेलचे लेबल नाव देत नसेल, तेव्हा याला नाव देते. |
disabledइनपुट | boolean | false | ते हलत नाही. |
toggleमेथड | () => void | शेजारचे पॅनेल मिटवते, किंवा परत आणते. |