Ein Splitter teilt seinen Platz auf Bereiche auf, mit einem Griff zwischen je zwei davon. Zieh einen Griff oder fokussiere ihn und nutze die Pfeiltasten. Die Größen sind Prozentwerte, die zusammen 100 ergeben und sich über [(sizes)] binden lassen.
Für jeden Bereich lassen sich Startgröße, Minimum und Maximum in Pixeln, rem oder Prozent angeben. Ein Bereich mit collapsible klappt ein, wenn du ihn unter die Hälfte seines Minimums ziehst oder auf seinem Griff Enter drückst, und klappt in seiner vorherigen Größe wieder auf.
Mit storageKey bleiben die Größen in localStorage erhalten, sodass man das Layout beim nächsten Besuch so vorfindet, wie man es verlassen hat.
Ein Editor
Dateien, Code und eine Vorschau. Dateien und Vorschau lassen sich einklappen, der Code behält mindestens 30 % der Breite, und die Größen werden gespeichert.
export class App {}
// app.ts
Bereiche übereinander
orientation="vertical" stapelt die Bereiche übereinander, und [(sizes)] liest ihre Größen, während sie sich ändern.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%