Lima kolom

Lima wilayah dalam satu baris yang lebih lebar dari layar, dibaca dengan menggulir ke samping. Navigasi di sebelah kiri bukanlah salah satunya — itu adalah wilayah halaman, dan tetap di tempatnya.

Baris menggulir, halaman tidak

`zone--split--scroll` menempatkan overflow pada baris: kolom menjaga lebar yang mereka sebut dan pemisahan menggulir di bawahnya. Masing-masing tetap memegang overflow vertikalnya sendiri, jadi kolom yang panjang menggulir di tempatnya.

Setiap kolom menyebut lebar yang dimilikinya

Tidak ada yang mengambil sisa di sini, karena tidak ada: baris lebih panjang dari halaman dengan sengaja. Wilayah yang tidak menyebutkan ukuran akan kembali ke kolom yang cukup lebar untuk menampung sesuatu, dan kolom ini menyebutkan ukuran mereka — 24rem masing-masing, lima di antaranya.

Melipat sebuah wilayah

Setiap kolom di sini adalah `zone-collapsible`. Dilipat, itu tidak menghilang: ia menjaga tempatnya di baris dan posisinya, dan batangnya berputar ke samping — jadi tombol yang melipatnya adalah tombol yang membukanya, dan tidak ada yang di luar harus tahu bahwa itu ada.

Dengan nama, sebuah wilayah diingat: keadaan ditulis ke status UI di bawah namanya dan dibaca kembali saat halaman disajikan, sehingga tiba dalam keadaan dilipat alih-alih melipat di depan mata Anda. Kolom ketiga terbuka dalam keadaan dilipat, dan yang terakhir dirender oleh vue — komponen yang sama, kelas yang sama, kunci yang sama.