Ayırıcı, alanını bölmeler arasında paylaştırır; her iki bölmenin arasında bir tutamaç bulunur. Bir tutamacı sürükleyin ya da ona odaklanıp ok tuşlarını kullanın. Boyutlar toplamı 100 olan yüzdelerdir ve [(sizes)] onları bağlar.
Her bölmenin başlangıç, en küçük ve en büyük boyutu piksel, rem ya da yüzde olarak verilir. collapsible bir bölme, en küçük boyutunun yarısının altına sürüklendiğinde ya da tutamacında Enter’a basıldığında daralır; geri açıldığında da önceki boyutuna döner.
storageKey ile boyutlar localStorage içinde saklanır; böylece kullanıcılar bir sonraki ziyaretlerinde düzeni bıraktıkları gibi bulur.
Bir düzenleyici
Dosyalar, kod ve önizleme. Dosyalar ve önizleme daraltılabilir, kod genişliğin en az %30’unu korur ve boyutlar kaydedilir.
export class App {}
// app.ts
Üst üste bölmeler
orientation="vertical" bölmeleri üst üste dizer, [(sizes)] ise boyutları değiştikçe okur.
SELECT name, total FROM orders
3 rows
Sizes: 65% and 35%