Uno splitter divide il suo spazio tra più pannelli, con una maniglia tra un pannello e l’altro. Trascina una maniglia, oppure dalle il focus e usa le frecce. Le dimensioni sono percentuali che sommano a 100 e si collegano con [(sizes)].
Per ogni pannello puoi indicare la dimensione iniziale, la minima e la massima, in pixel, rem o percentuale. Un pannello collapsible si comprime quando viene trascinato sotto la metà della sua dimensione minima, o con Invio sulla sua maniglia, e si riapre alla dimensione che aveva.
Con storageKey, le dimensioni restano in localStorage, così alla visita successiva ognuno ritrova il layout come l’aveva lasciato.
Un editor
File, codice e un’anteprima. File e anteprima si possono comprimere, il codice tiene almeno il 30% della larghezza e le dimensioni vengono salvate.
export class App {}
// app.ts
Pannelli impilati
orientation="vertical" impila i pannelli, e [(sizes)] ne legge le dimensioni mentre cambiano.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%