Columns

Dva nebo tři sloupce uvnitř bloku a jedno pravidlo, kdy přestanou být sloupci. Formulář, detail záznamu, karty vedle sebe.

Kdy použít

Formulář, kde krátká pole patří k sobě — IČO vedle DIČ, město vedle PSČ. Pod sebou zabírají dvakrát tolik obrazovky a nic tím neřeknou.
Detail záznamu: metadata v jednom sloupci, obsah ve druhém.
Karty vedle sebe. Tři je maximum — čtvrtý sloupec je na 1440 px užší než 300 px a karta v něm se láme.

Rozvržení celé stránky. To je IngotPageLayout (rytmus bloků, postranní rejstřík) uvnitř IngotAppFrame (šířka, okraje). Tohle je vnitřek jednoho bloku.
Dvojice popisek–hodnota v detailu. Ta má vlastní sémantiku (dl) a je to IngotDescriptionList, ne mřížka, do které někdo naskládal spany.
Tabulka. Sloupce, které mají záhlaví a řadí se, jsou IngotTable — mřížka je rozvržení, ne data.

children: ReactNode — Obsah sloupců. Každý potomek zabírá jeden sloupec; přes celou šířku se dá pustit jen `IngotColumnsFull`.
columns: 2 | 3 — Kolik sloupců, jakmile je na ně místo. Výchozí 2.
collapseBelow: "md" | "lg" — Pod touhle šířkou je z toho jeden sloupec. Výchozí `md`. „Nikdy“ tu není: dva sloupce na telefonu jsou dva sloupce po 150 px a to, co stálo za postavení vedle sebe, se v nich nedá číst.
className: string — Jen umístění bloku. Šířka sloupců ani mezera sem nepatří.
testId: string — Kotva pro testy.