இம்போர்ட்

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

NuiSplitter

இடையே கைப்பிடிகள் கொண்ட பலகங்கள்.

செலக்டர்
[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]
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]
NuiSplitterHandle: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
labelஇன்புட்stringthe pane's labelபலகத்தின் லேபிள் இதற்குப் பெயர் தராதபோது, இதற்குப் பெயரிடுகிறது.
disabledஇன்புட்booleanfalseஇது நகராது.
toggleமெத்தட்() => voidஅருகிலுள்ள பலகத்தைச் சுருக்குகிறது, அல்லது மீண்டும் கொண்டுவருகிறது.