Design System

Components and styles of the Anirum project

Tag

Display-only labels and removable chips. For interactive toggle selection use ButtonToggle.

Variants

Default → SolidOutline → Outline ActiveOutline → Solid

Sizes

SmallMediumLarge

With icon

ЯкутскСкетчингПопулярное

Removable

Selected filter values with X to remove.

АкварельСкетчингDigital Art

Filter — outline toggle

СкетчингАкварельМаслоDigital

Days of week

ПнВтСрЧтПтСбВс

Filter — filled toggle

ОнлайнДля начинающихС сертификатом

Tag vs ButtonToggle vs SelectableCard

  • Tag — compact pills: labels, filters, removable chips
  • ButtonToggle — toolbar: on/off toggle, formatting buttons
  • SelectableCard — large selection: icon + title + description