Cinq colonnes

Cinq régions en ligne plus larges que l'écran, à lire en défilant horizontalement. La navigation à gauche n'en fait pas partie — c'est une région de la page, et elle reste à sa place.

La ligne défile, la page ne le fait pas

`zone--split--scroll` met le débordement sur la ligne : les colonnes gardent la largeur qu'elles nomment et le défilement se fait en dessous. Chacune conserve son propre débordement vertical, donc une longue colonne défile là où elle se trouve.

Chaque colonne nomme sa largeur

Rien ne prend ce qui reste ici, puisqu'il n'y en a pas : la ligne est plus longue que la page intentionnellement. Une région qui ne nomme pas de taille revient à une colonne suffisamment large pour contenir quelque chose, et celles-ci nomment la leur — 24rem chacune, cinq au total.

Replier une zone

Chaque colonne ici est une `zone-collapsible`. Pliée, elle ne disparaît pas : elle garde sa place dans la ligne et son sol, et sa barre se tourne sur le côté — donc le bouton qui l'a pliée est le bouton qui l'ouvre, et rien à l'extérieur n'a besoin de savoir qu'elle existe.

Nommée, une région est retenue : l'état est écrit dans l'état de l'ui sous son nom et relu lorsque la page est servie, donc elle arrive pliée plutôt que de se plier sous vos yeux. La troisième colonne s'ouvre pliée, et la dernière est rendue par un vue — même composant, mêmes classes, même clé.