Buttons can be big, small, colored, rounded, dropdown, split, and grouped. You need a button on your website? Foundation has the classes for it in its button components.
Remember labels? A button is similar to a label with an action behind it.
Foundation supports the <button>
element and the button
class. Most of the time, you can use one or the other, and it will have the same effect.
Other than the text in the button, the following will be identical:
<button><button></button> <div class="button"><div class="button"></div> <span class="button"><span class="button"></span> <a href="#" class="button"><a class="button"></a>
The following is the screenshot resulting from the preceding code:
Compared to labels, buttons have a border effect that makes them appear raised. The default button is taller than a label. It has special hover and focus effects. Buttons support...