Splitter API · Needless UI

ઇમ્પોર્ટ

import-splitter.ts

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`		કોઈ પૅનલ પછીની સીમારેખાને આપેલા ટકા જેટલી ખસેડે છે.

એક પૅનલ. તેનાં કદ પિક્સેલ, rem કે ટકામાં આપી શકાય છે.

NuiSplitterPane: પ્રોપર્ટીઝ
નામ	પ્રકાર	ડિફૉલ્ટ	વર્ણન
`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`		બાજુની પૅનલને સંકેલે છે, કે પાછી લાવે છે.