Foundation Default

Buttons are convenient tools when you need more traditional actions. To that end, Foundation has many easy to use button styles that you can customize or override to fit your needs.

Default Button Success Button Secondary Button Alert Button Info Button Disabled Button

Button Radius

Red Orange Yellow Green Light Green Aqua Blue Dark blue Dark black Black

Size

Large Default Small Tiny

Expand / Button Block

Expanded Tiny Expanded Small Expanded Default

Radius Button Group

• Button 1
• Button 2
• Button 3
• Button 4

Rounded Button Group

• Button 1
• Button 2
• Button 3
• Button 4

Block Button Group

• Button 1
• Button 2
• Button 3

Vertical group

• Button 1
• Button 2

Split button

Split Button

• This is a link
• This is another
• Yet another

Dropdown Button

• This is a link
• This is another
• Yet another

Dropdown Button

• This is a link
• This is another
• Yet another

Icons Button Radius

Icons Button Round