Vijf kolommen

Vijf regio's in een rij die breder zijn dan het scherm, te lezen door zijwaarts te scrollen. De navigatie aan de linkerkant is daar niet één van — het is een regio van de pagina, en het blijft op zijn plaats.

De rij scrollt, de pagina niet

`zone--split--scroll` plaatst de overflow op de rij: de kolommen behouden de breedte die ze benoemen en de split scrollt eronder. Elke kolom heeft nog steeds zijn eigen verticale overflow, dus een lange kolom scrollt waar hij staat.

Elke kolom benoemt zijn breedte

Er is hier niets dat de resterende ruimte in beslag neemt, aangezien die er niet is: de rij is opzettelijk langer dan de pagina. Een regio die geen grootte benoemt, valt terug op een kolom die breed genoeg is om iets te bevatten, en deze benoemen hun breedte — elk 24rem, vijf in totaal.

Een regio opvouwen

Elke kolom hier is een `zone-collapsible`. Opgevouwen gaat hij niet weg: hij behoudt zijn plaats in de rij en zijn grond, en zijn balk draait op zijn zij — dus de knop die hem opvouwde, is de knop die hem opent, en niets buiten hoeft te weten dat hij bestaat.

Benoemd, wordt een regio onthouden: de staat wordt geschreven naar de ui-status onder zijn naam en weer gelezen wanneer de pagina wordt geladen, zodat hij opgevouwen arriveert in plaats van onder uw ogen op te vouwen. De derde kolom opent opgevouwen, en de laatste wordt weergegeven door een vue — dezelfde component, dezelfde klassen, dezelfde sleutel.