Design System

Components and styles of the Anirum project

Button

Primary action element. Multiple variants and sizes.

Variants

Sizes

LG — CTA: «Записаться», «Sign up», формы, модалки

MD — тулбары, navbar, внутри карточек, inline actions

SM — компактные списки, теги с action, mobile sheets

XS — dense UI: таблицы, badge-like actions

With Icons

Dropdown Trigger

Secondary + ChevronDown — trigger for dropdown, filters, sorting

States

primary
dark
destructive

Disabled + info icon — hint why action is unavailable