# Harmonika elem

> A Harmonika és a Harmonika (Beágyazható elem) beállításai: tételek, kibontás betöltéskor, független kapcsoló, átmenet, GYIK séma, cím- és tartalomstílus.

A **Harmonika** elem összecsukható tartalomblokkokat hoz létre: minden tételnek van egy kattintható címe és egy kinyíló tartalma. Két változata van:

- **Harmonika:** a tételeket ismétlődő listában adod meg (cím, azonosító, alcím, tartalom).
- **Harmonika (Beágyazható elem):** a tételeket elemekként húzod be a szerkesztőben, és mindegyik tetszőleges tartalmat hordozhat.

## Harmonika

![A Harmonika elem beállításai a szerkesztőben](./kepek/elemek-accordion.webp)

*A Harmonika elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Hozzáadás harmonika** gomb, a kibontandó tételek mezője, a **Független kapcsoló**, az **Átmenet (ms)**, a **GYIK séma** kapcsoló, majd a **Cím** és a **Tartalom** csoport látszik.

### Tételek

A **Hozzáadás harmonika** gombbal új tételt veszel fel. Minden tételnek ezek a mezői vannak:

| Mező | Mit csinál |
| --- | --- |
| Cím | A tétel kattintható címe. |
| ID | Horgonyazonosító, amellyel link nyithatja ki a tételt. Ne használj szóközt és kettőskeresztet (#). |
| Alcím | Opcionális, a cím alatt megjelenő szöveg. |
| Tartalom | A kinyíló, formázható szöveges tartalom. |

A horgonylinkes megnyitáshoz az oldal címéhez fűzd hozzá a tétel azonosítóját, például `#gyik-szallitas`.

### Általános beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Kibontandó tételek indexei** | Az oldal betöltésekor kinyitandó tételek indexei, vesszővel elválasztva, 0-tól indulva. | Üres |
| **Független kapcsoló** | Bekapcsolva egy tételt a többi állapotának megváltoztatása nélkül nyithatsz és zárhatsz, így több tétel lehet egyszerre nyitva. | Ki |
| **Átmenet (ms)** | A kinyílás és az összecsukás animációjának hossza ezredmásodpercben. | 200 |
| **GYIK séma** | FAQPage strukturált adatot (JSON-LD) hoz létre a keresőmotoroknak. A Google Kereső már nem jelenít meg GYIK-formátumú bővített találatokat. | Ki |
| Lekérdezési ciklus | A tételek ciklusból való előállítása. | Ki |

### Cím

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| HTML-címke | A címek HTML-címkéje: `div` vagy `h1`-`h6`. | `h3` |
| Ikon | A becsukott állapot ikonja. | Jobbra mutató nyíl |
| Ikon tipográfiája | A becsukott ikon méret- és betűbeállításai. | Nincs |
| Kibontott ikon | A kinyitott állapot ikonja. | Lefelé mutató nyíl |
| Kibontott ikon tipográfiája | A kinyitott ikon méret- és betűbeállításai. | Nincs |
| Ikon pozíciója | Az ikon helye a szöveghez képest. | Jobb |
| Ikon forgatása fokban | Az ikon elforgatása a kinyitott tételnél. | Nincs |
| Térköz, Kitöltés | A címblokk külső és belső távolsága. | Nincs |
| Cím tipográfiája | A címszöveg betűstílusa. | Nincs |
| Alcím tipográfiája | Az alcím betűstílusa. | Nincs |
| Háttérszín | A címblokk háttere. | Nincs |
| Szegély | A címblokk szegélye. | Nincs |
| Doboz árnyék | A címblokk árnyéka. | Nincs |
| Aktív tipográfia | A kinyitott tétel címének betűstílusa. | Nincs |
| Aktív háttér | A kinyitott tétel címének háttere. | Nincs |
| Aktív szegély | A kinyitott tétel címének szegélye. | Nincs |

### Tartalom

| Beállítás | Mit csinál |
| --- | --- |
| Térköz | A tartalomblokk külső távolsága. |
| Kitöltés | A tartalomblokk belső távolsága. |
| Tartalom tipográfiája | A tartalom szövegének betűstílusa. |
| Háttérszín | A tartalomblokk háttere. |
| Szegély | A tartalomblokk szegélye. |

## Harmonika (Beágyazható elem)

![A Harmonika (Beágyazható elem) beállításai a szerkesztőben](./kepek/elemek-accordion-nested.webp)

*A Harmonika (Beágyazható elem) beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen az **Elem hozzáadása** gomb és az általános beállítások láthatók. A tételek elemek: a szerkezet nézetben húzással hozod létre és rendezed őket, és mindegyik tartalmazhat beágyazott elemeket. A tétel **ID** mezőjét kitöltve horgonylinkkel is megnyitható (szóköz és kettőskereszt nélkül).

Az általános beállítások ugyanazok, mint a Harmonika elemnél: **Kibontandó tételek indexei**, **Független kapcsoló**, **Átmenet (ms)** (alapérték 200) és **GYIK séma**. A stílusbeállítások két csoportban érhetők el:

### Cím

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Min. magasság | A címterületek legkisebb magassága. | 50px |
| Térköz, Kitöltés | A címburkolók külső és belső távolsága. | Nincs |
| Háttérszín | A címterületek háttere. | Nincs |
| Szegély | A címterületek szegélye. | Nincs |
| Tipográfia | A címszöveg és a címsorok betűstílusa. | Nincs |

Az **Aktív cím** alcsoport a kinyitott tétel címének hátterét, szegélyét és tipográfiáját állítja.

### Tartalom

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Térköz | A tartalomburkolók külső távolsága. | Nincs |
| Kitöltés | A tartalomburkolók belső távolsága. | 15px fent és lent, 0px balra és jobbra |
| Háttérszín | A tartalomburkolók háttere. | Nincs |
| Szegély | A tartalomburkolók szegélye. | Nincs |
| Tipográfia | A tartalom szövegének betűstílusa. | Nincs |