Компонент Checkbox

Все состояния

White Theme

Default

Active

Interactive

Unchecked

Black Theme

Default

Active

Interactive

Unchecked

С лейблами

Опция 1
Опция 2
Опция 3
Опция 4

Выбрано: 0 из 4

Disabled состояния

Disabled unchecked
Disabled checked
Disabled unchecked (black)
Disabled checked (black)

Спецификации

Размеры

  • Ширина: 32px
  • Высота: 32px
  • Радиус: 100px (круглая форма)

Цвета

  • White theme: белый фон
  • Black theme: темно-серый фон
  • Активное состояние: желтая рамка
  • Иконка: желтая галочка

Состояния

  • Default: неактивное
  • Active: с галочкой
  • Hover: увеличение на 5%
  • Focus: желтая обводка
  • Disabled: прозрачность 50%