# Ikonlista elem

> Az Ikonlista elem beállításai: közösségi vagy egyéni ikonok listája címkékkel, linkekkel és elrendezéssel.

Az **Ikonlista** elem közösségi vagy egyéni ikonok sorát jeleníti meg, ikononként címkével, színnel és linkkel.

![Az Ikonlista elem beállításai a szerkesztő bal oldali paneljén](./kepek/elemek-3-icon-list.webp)

*Az Ikonlista elem beállításai a szerkesztő bal oldali paneljén* (https://minta-bolt.hu/elemek/?bricks=run)

A képen az **Ikonok** listája (a **Hozzáadás ikon** gombbal) és az **Igazítás** csoport látszik. Amíg nincs ikon felvéve, a szerkesztő „Nincs közösségi ikon hozzáadva.” üzenetet mutat.

## Ikonok

Új ikont a **Hozzáadás ikon** gombbal veszel fel. Minden ikonnak ezek a beállításai vannak:

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Ikon | Az ikon kiválasztása. | `ion-logo-twitter` |
| Ikon: Szín | Az adott ikon színe. | Nincs |
| Ikon: Méret | Az adott ikon mérete. | Nincs |
| Címke | Az ikon melletti szöveg. | Üres |
| Címke: Méret | A címke betűmérete. | Nincs |
| Szín | Az ikon és a címke együttes szövegszíne. | Nincs |
| Háttér | Az ikon elemének háttérszíne. | Nincs |
| Link | Az ikon célcíme. | Nincs |

Az ikonlista egészére is állíthatsz színt és méretet (**Ikon: Szín**, **Ikon: Méret**), ezek minden ikonra érvényesek.

## Igazítás

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Irány** | Az ikonok sora vagy oszlopa (`row`, `column`). | Sor |
| **Elemek igazítása** | Az ikonok igazítása a keresztirányban: kezdet, közép, vég vagy alapvonal. | Nincs |
| **Tartalom igazítása** | Az ikonok igazítása a főtengely mentén: kezdet, közép, vég, szétosztva (`space-between`, `space-around`, `space-evenly`). | Nincs |
| **Térközök (Tételek)** | A távolság az ikonok között. | 0 |
| **Térközök (Tétel)** | Az egyes ikonok belső távolsága (az ikon és a címke között). | 5px |