API di Splitter · Needless UI

Import

import-splitter.ts

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

Pannelli separati da maniglie.

NuiSplitter: Proprietà
Nome	Tipo	Predefinito	Descrizione
`orientation`Input	`'horizontal' \| 'vertical'`	`'horizontal'`	Affiancati o impilati.
`sizes`Bidirezionale	`number[]`	`shared evenly`	La quota di ogni pannello, in percentuale, in ordine.
`storageKey`Input	`string`		Conserva le dimensioni in `localStorage` con questa chiave.
`step`Input	`number`	`5`	Di quanto le frecce spostano una maniglia, in percentuale. Il doppio con Maiusc.
`move`Metodo	`(index: number, delta: number) => void`		Sposta di una percentuale il confine dopo un pannello.

Un pannello. Le sue dimensioni accettano pixel, rem o percentuale.

NuiSplitterPane: Proprietà
Nome	Tipo	Predefinito	Descrizione
`defaultSize`Input	`string \| number (e.g. '240px', '30%')`		La dimensione iniziale, quando non ci sono dimensioni da ripristinare.
`min`Input	`string \| number`	`0`	La dimensione minima.
`max`Input	`string \| number`	`'100%'`	La dimensione massima.
`collapsible`Input	`boolean`	`false`	Si comprime: trascinato sotto la metà del minimo, o con Invio.
`collapsedSize`Input	`string \| number`	`0`	La dimensione da compresso, per esempio una barra di icone.
`label`Input	`string`		Dà il nome alla maniglia che lo ridimensiona.

La maniglia tra due pannelli.

NuiSplitterHandle: Proprietà
Nome	Tipo	Predefinito	Descrizione
`label`Input	`string`	`the pane's label`	Le dà un nome, quando non lo fa l’etichetta del pannello.
`disabled`Input	`boolean`	`false`	Non si sposta.
`toggle`Metodo	`() => void`		Comprime il pannello accanto, o lo ripristina.