ইমপোর্ট
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 | পাশের প্যানেল গুটিয়ে দেয়, বা ফিরিয়ে আনে। |