Buttons inside Starter Pack

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.

Foundation Button

Button Styles

Here is a small sample of the available styles for a button. There are four different sizes, three different options for corner rounding and complete color customization.


Many Uses

You can obviously add a link to a button. However, the button stack has been integrated with many other Foundation components. You can submit or reset a Foundation Form, launch a Reveal lightbox and open a Dropdown. You can even use it as a generic button that can be placed into your favorite stacks like Expose or Peek-a-Boo.

Dropdown & Reveal

/link-url/index.htmlLink Title/link-url/index.htmlLink Title/link-url/index.htmlLink Title
  • This is a link
  • This is a link
  • This is a link
  • Dropdown

    Dropdown allows you to enrich your content with awesome drop downs like this! Dropdown is part of Foundation Pack 1.

    Forms

    ValueOption 1Value 2Option 2Value 3Option 3
    Thank you! Your submission was successfully sent :-)×
    Opps! Some went wrong... Your submission did not go through :-(×

    Product by Joe Workman

    I am an indie Web and Mac developer based in the SF Bay Area. I've been highly active in the community since my first release in 2008. http://joeworkman.net

    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.