Un splitter reparte su espacio entre paneles, con un divisor entre cada dos. Arrastra un divisor, o ponle el foco y usa las flechas. Los tamaños son porcentajes que suman 100 y se enlazan con [(sizes)].
Cada panel acepta un tamaño inicial, un mínimo y un máximo en píxeles, rem o porcentaje. Un panel collapsible se pliega al arrastrarlo por debajo de la mitad de su mínimo, o con Intro en su divisor, y vuelve con el tamaño que tenía.
Con storageKey, los tamaños se guardan en localStorage, así que en la siguiente visita cada persona encuentra la disposición tal como la dejó.
Un editor
Archivos, código y una vista previa. Los archivos y la vista previa se pliegan, el código conserva al menos el 30 % del ancho y los tamaños se guardan.
export class App {}
// app.ts
Paneles apilados
orientation="vertical" apila los paneles, y [(sizes)] lee sus tamaños a medida que cambian.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%