Design System

Components and styles of the Anirum project

Dropdown

Dropdown menu with sections, items, badges, subtext and icons.

Icons

Check

Link

Input Dropdown Item

Default

Option A
Option A

Hover

Option A
Option A

Dropdown Item

Row inside DropdownMenu / ContextMenu. Arrow = link, Badge = new feature, Subtext = description.

Default

Dropdown itemSubtext
Dropdown itemNew
Subtext

Hover

Dropdown itemSubtext
Dropdown itemNew
Subtext

Input Dropdown

Assembled container with Input Dropdown Items. Shadow floating, rounded-2xl.

Option A
Option B
Option C

Dropdown Section

Group header inside dropdown. 12px regular.

Section

Assembled

Full dropdown with sections, items, badge, subtext and icons.

Create
Pin
Story Pin
Open Pin
Add
NoteNew
Report PinFoul language

Interactive

Live dropdown menus with real actions.

Basic Actions

Pin Menu

Action menu with icons.

Checkbox & Radio

Toggle and single-select items.

Submenu

Nested menu with sub-items.

Destructive

Danger action highlighted in red.

Primary → Dark

Primary button turns dark when menu is open.