امپورٹ
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 | ساتھ والے پینل کو سمیٹتا ہے، یا واپس لاتا ہے۔ |