Příklad akordionu
Akordion je skládací komponenta - toto je živý příklad. Kliknutím na nadpis se obsah rozbalí nebo sbalí.
V nastavení akordionu klikněte na "Přidat položku akordionu" a vyplňte nadpis a obsah.
Ano! První položka v tomto příkladu je rozbalená už při načtení stránky. To nastavíte zaškrtnutím "Rozbaleno" u dané položky.
Co je Akordion
Akordion je komponenta pro vytvoření skládacích sekcí, kde každá sekce má nadpis a obsah, který se rozbalí po kliknutí. Ideální pro FAQ, dlouhé dokumenty nebo obsah rozdělený do kategorií.
Kdy použít
- Pro FAQ (často kladené otázky)
- Pro dlouhý obsah rozdělený do témat
- Když chcete ušetřit místo na stránce
- Pro návody s mnoha kroky
Jak vytvořit Akordion
- V záložce Obsah klikněte na "Přidat komponentu"
- Vyberte "Akordion"
- Vyplňte základní nastavení
- Přidejte jednotlivé položky akordionu
Nastavení akordionu
Nadpis
Hlavní nadpis celého akordionu (např. "Často kladené otázky", "Návod").
Velikost
Volba velikosti textu v položkách:
- XS: Velmi malý text
- S: Malý text (doporučeno pro většinu případů)
- M: Střední text
- L: Velký text
Varianta
- Primární: Zvýrazněné tlačítko s primární barvou
- Sekundární: Jemnější vzhled (doporučeno)
Tag nadpisu
HTML tag pro nadpisy položek (H2, H3, H4). Výchozí je H3.
Přidání položek
Každá položka akordionu má:
- Nadpis: Text, který se zobrazuje v záhlaví (např. otázka)
- Obsah: Text, který se zobrazí po rozbalení (odpověď, vysvětlení)
- Ikona: Volitelná ikona u nadpisu
- Rozbaleno: Zaškrtnutím se položka zobrazí rozbalená již při načtení stránky
Příklad FAQ
Nadpis akordionu: "Často kladené otázky o podání žádosti"
Položka 1:
Nadpis: "Jaké dokumenty potřebuji?"
Obsah: "K podání žádosti potřebujete občanský průkaz, potvrzení o trvalém bydlišti a vyplněný formulář."
Položka 2:
Nadpis: "Jak dlouho trvá vyřízení?"
Obsah: "Standardní lhůta pro vyřízení je 30 dní od podání kompletní žádosti."
Dobré praktiky
- Jasné nadpisy: Každý nadpis by měl být otázka nebo téma, které čtenář hledá
- Logické řazení: Seřaďte položky od nejdůležitějších nebo nejčastějších
- Stručný obsah: Odpověď by měla být krátká a výstižná
- První rozbalená: Pokud je jedna otázka nejčastější, nechte ji rozbalenou