Checkbox

Vlastnosti

Label

Pro všechna zaškrtávací políčka je vyžadován popisek. Měl by být krátký a představovat hodnotu nebo rozhodnutí ano/ne.

Varianty

Checkbox nabývá variant jako ostatní form komponenty. Pouze ve stavu Invalid má description pro zobrazení validačního textu. (pro ukázku je třeba v příkladu níže zakliknout a odkliknout)

Tooltip

Checkbox může obsahovat tooltip.

Chování

Přetékání textu

Popisky se nezalomí, pokud jsou širší než nadřazený kontejner.

S výběrem jedné odpovědi

Pro rozhodnutí ano/ne ve formuláři lze použít jedno samostatné zaškrtávací políčko.

Zarovnání do řádku formuláře

Checkbox je uvnitř framu v horizontálním zarovnání nastavený tak aby byl Label checkboxu a Value/Placeholder v sousedních formulářových prvcích na stejné horizontální linii.

Příklady použití

Pokud lze vybrat více prvků najednou, používejte Checkbox

Nepoužívejte Checkbox, pokud lze vybrat pouze jednu možnost najednou.

Pokud lze vybrat více prvků najednou, používejte Checkbox

Nepoužívejte Checkbox pro nejednoznačné akce.

LiteralView

Responsivita

Check Box na mobilním zařízení obsahuje background který vyznačuje hranice klikatelné zóny. Velice dlouhé labels je umožněno zalamovat do více řádků.