Chip

Malá pilulka, se kterou uživatel něco dělá: zapnutý filtr, nebo vybraná volba s křížkem. Ovládací prvek, ne štítek.

Kdy použít

Filtruje se zapínáním a vypínáním voleb, které jsou vidět všechny naráz. Filtr schovaný v rozbalovátku je IngotSelect.
Ukazuje se, co uživatel vybral, a každou položku jde vzít zpátky — onRemove s křížkem.
Voleb je málo a jejich popisky jsou krátké. Řada, která se zalomí na tři řádky, už je seznam.

Jde o STAV záznamu, se kterým se nedá nic dělat („ve výrobě“, „hotovo“). To je IngotBadge. Kdo je slije dohromady, dostane buď badge, na kterou uživatel marně kliká, nebo chip, který odečítač ohlásí jako text.
Vybírá se právě jedna hodnota z krátké sady. To je IngotSegmented — chipy neřeknou, že se vylučují.
Přepíná se pohled na obsah stránky. To jsou IngotTabs.

children: ReactNode — Text chipu, dodaný přeložený. Jedno až dvě slova.
pressed: boolean — Režim přepínače: je filtr zapnutý? Kreslí se inverzně a hlásí přes aria-pressed.
onToggle: () => void — Povinné s pressed. Chip si stav nepamatuje — drží ho volající.
onRemove: () => void — Režim odebratelný: vykreslí křížek. S pressed se nekombinuje — typy to nedovolí.
removeLabel: string — Povinné s onRemove. Pojmenuje křížek pro odečítač, a to konkrétním chipem („Odebrat: Soustružení“).
disabled: boolean — Zešedne a zmizí z dosahu klávesnice.
testId: string — Kotva pro testy; křížek si od ní odvodí `${testId}-remove`.