Beş sütun

Ekrandan daha geniş beş bölge, yatay kaydırarak okunur. Soldaki navigasyon bunlardan biri değildir — bu sayfanın bir bölgesidir ve yerinde kalır.

Satır kayar, sayfa kaymaz

`zone--split--scroll` taşmayı satıra koyar: sütunlar adladıkları genişliği korur ve bölme onların altında kayar. Her biri hala kendi dikey taşmasını tutar, bu yüzden uzun bir sütun, bulunduğu yerde kayar.

Her sütun genişliğini adlandırır

Burada kalan hiçbir şey yok, çünkü maksatla satır sayfadan daha uzundur. Boyut belirtmeyen bir bölge, bir şey tutacak kadar geniş bir sütuna geri döner ve bunlar kendi boyutlarını belirtir — her biri 24rem, beş tane.

Bir bölgeyi katlama

Buradaki her sütun bir `zone-collapsible`dır. Katlandığında, kaybolmaz: satırdaki yerini ve zeminini korur ve çubuğu yanına döner — bu yüzden katlayan düğme, açan düğmedir ve dışarıda kimsenin var olduğunu bilmesine gerek yoktur.

Adlandırıldığında, bir bölge hatırlanır: durum, adı altında arayüz durumuna yazılır ve sayfa sunulduğunda geri okunur, bu yüzden gözlerinizin önünde katlanmak yerine katlanmış olarak gelir. Üçüncü sütun katlanmış olarak açılır ve sonuncusu bir vue ile render edilir — aynı bileşen, aynı sınıflar, aynı anahtar.