Katalog komponent#
Vzorník všeho, z čeho se skládá vzhled šablony template1. Jednotlivé kapitoly jsou v levém menu — každá ukazuje živou komponentu, ne obrázek.
Ukázky se dají obsluhovat
Modály se otevírají, záložky přepínají, galerie listují. Je to skutečná komponenta vykreslená styly šablony, jen zasazená do stránky manuálu.
Kód k překopírování je pod každou ukázkou
Přepínač odkryje přesný markup i s třídami — dá se vzít 1:1 do Latte šablony.
Jak je vzorník rozdělený#
| Skupina | Co obsahuje |
|---|---|
| Základy | design tokeny, barvy, role a skiny — z čeho všechno ostatní vychází |
| Komponenty | tlačítka, odznaky, hlášky, formuláře, karty, seznamy, tabulky |
| Navigace | menu, drobečky, stránkování, kroky průvodce |
| Feedback | modály, oznámení, nápovědy, ukazatele průběhu, prázdné stavy |
| Obsah | avatary, hodnocení, galerie, komentáře, ceníky, harmoniky |
| Vstupy | našeptávače, výběry, posuvníky, nahrávání souborů, přihlášení |
| Misc | ankety, řazení, mapy, bannery a zbytek |
Na co si dát pozor#
Vzorník je snímek k času sestavení manuálu
Když se šablona změní, katalog se srovná až při dalším ./build.sh. Kdo právě
pracuje na CSS, ať si otevře ui-demo/ přímo v šabloně — mění se okamžitě
a nic se pro ni nesestavuje. Jak import funguje.
Ukázka běží v odděleném rámci
Nese s sebou celý Bootstrap a styly šablony, které pracují s holými značkami
(h1, p, .btn). Vložené přímo do stránky by přepsaly vzhled samotného
manuálu — a projevilo by se to na úplně jiných stránkách. Oddělení je proto
záměr, ne provizorium.
Mapa se offline nevykreslí
Google Maps se z podstaty načítají ze sítě. Ve stažené kopii manuálu zůstane na jejich místě prázdný rámeček; všechno ostatní funguje bez připojení.