Button - Smoothie Design System

2. Components

Button

Primary Variant

Primary Button

Default

Disabled

Large

Small

Secondary Button

Default

Disabled

Pill

Pill Style

Delete

Default

Disabled

Icon Button (Primary)

Icon Button (Secondary)

Icon Button (Destructive)

Real-world button combinations with icons. See Button Patterns in the Patterns section for compositional examples.

Add

With Icon Left (Primary)

Download

With Icon Right (Secondary)

Delete

With Icon Left (Destructive)