Un splitter partage son espace entre des panneaux, avec une poignée entre deux panneaux voisins. Faites glisser une poignée, ou donnez-lui le focus et utilisez les flèches. Les tailles sont des pourcentages dont la somme fait 100, et elles se lient avec [(sizes)].
Chaque panneau accepte une taille initiale, un minimum et un maximum en pixels, en rem ou en pourcentage. Un panneau collapsible se replie quand on le fait glisser sous la moitié de son minimum, ou avec Entrée sur sa poignée, et revient à la taille qu’il avait.
Avec storageKey, les tailles sont conservées dans localStorage : à la visite suivante, chacun retrouve la disposition telle qu’il l’avait laissée.
Un éditeur
Des fichiers, du code et un aperçu. Les fichiers et l’aperçu se replient, le code garde au moins 30 % de la largeur, et les tailles sont enregistrées.
export class App {}
// app.ts
Panneaux empilés
orientation="vertical" empile les panneaux, et [(sizes)] lit leurs tailles à mesure qu’elles changent.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%