--- layout: default title: Buttons --- {{> header}}

#### a.button vs button.button

Learn More View All Features

#### .tiny, .small, .large, .expanded, .small.expanded

So Tiny So Small So Basic So Large Such Expand Wow, Small Expand

#### .primary, .secondary, .success, .alert, .warning

Primary Secondary Success Alert Warning

#### .button.hollow

#### .button.disabled

Disabled

#### .button.clear

Primary Secondary Success Alert Warning Disabled

#### .button.dropdown

#### .button-group

One Two Three

#### .small.button-group

Small Button Group

#### .button-group Individual styling

View Edit Share Delete

#### .button-group.secondary

Harder Better Faster Stronger

#### .button-group.expanded

Expanded Button Group

#### .stacked-for-small, .stacked

How Low Can You Go

#### button.close-button

Look at this close button!

#### Need Js to make close buttons work

You can so totally close this!

You can close me too, and I close using a Motion UI animation.

#### Switch

Download Kittens

#### Radio Switches

Bulbasaur
Bulbasaur
Bulbasaur

#### Switch sizes

Tiny Sandwiches Enabled
Small Portions Only
Show Large Elephants

#### Switch Inner Labels

Do you like me?

Do you like me? Yes No