Icon

Ikony rozhraní — jedna sada, jedna technika. Kreslí se čárou v mřížce 24×24, barví se textem rodiče a škáluje se jedním číslem.

Kdy použít

Do rozhraní patří symbol — v tlačítku, v navigaci, u prázdného stavu, vedle popisku ve výčtu.
Chystáš se nakreslit <svg> přímo do komponenty. To je ta chvíle, kdy se sáhne sem: pět nesouvisejících sad v jednom repu vzniklo přesně takhle, po jedné ikoně.
Glyf ti chybí. Přidej ho do sady — jedna ikona navíc je levnější než šestý ostrůvek.

Je to ikona výrobní operace. Ta má vlastní sadu i vlastní pravidla — IngotOpIcon. Klíč operace ukládá backend a ikona bez názvu je hádanka.
Ikona má nést význam, který nikde není napsaný. Symbol sám o sobě se nedá spolehlivě uhodnout; napiš popisek a ikonu nech vedle něj jako dekoraci.
Potřebuješ obrázek, ne symbol — logo, ilustraci, fotku. Sada je jednobarevná čára, ne obrazová knihovna.

name: IngotIconName — Klíč ze sady. Neznámý klíč typecheck nepustí; když přiteče z dat, komponenta nevykreslí nic a ve vývoji to napíše do konzole.
size: number — Hrana čtverce v px, výchozí 14. Sazba: 13 v malém tlačítku, 14 v tlačítku, 15 v navigaci, 20 u prázdného stavu.
title: string — Vyplň, JEN když ikona stojí sama a nese význam. Vedle textu ji nech prázdnou — jinak čtečka přečte totéž dvakrát.
className: string — Doplňkové třídy. Barvu neurčuj tady — ikona dědí currentColor rodiče.
testId: string — data-testid prvku.