Select Component

Capsule-shaped select dropdowns with animated icons, complex multi-line options, and smooth transitions.

Basic Select (Animated Icon)

The chevron icon rotates when the select is opened/closed.

Spring Animation

Uses spring physics for a bouncy icon animation and animated check indicator.

User Selection (Multi-line)

Complex options with avatars, names, roles, and status indicators.

Project Selection (With Status)

Options showing project type, status badge, and last updated time.

Sizes

Grouped Options

With Icons

States

Disabled Items

The chevron icon animates when opening/closing. Hover reveals the orbit outline effect.