====== Buttons ======
===== Examples =====
| Default | Standard button |
| Primary | Provides extra visual weight and identifies the primary action in a set of buttons |
| Success | Indicates a successful or positive action |
| Info | Contextual button for informational alert messages |
| Warning | Indicates caution should be taken with this action |
| Danger | Indicates a dangerous or potentially negative action |
| Link | Deemphasize a button by making it look like a link while maintaining button behavior |
\\
Default
Primary
Success
Info
Warning
Danger
Link
\\
==== Link button ====
[[:wiki:welcome]]
[[:wiki:welcome]]
\\
==== Sizes ====
Fancy larger or smaller buttons? Add ''size="lg"'', ''size="sm"'', or ''size="xs"'' for additional sizes.
Large button
Large button
Default button
Default button
Small button
Small button
Extra small button
Extra small button
\\
Large button
Large button
Default button
Default button
Small button
Small button
Extra small button
Extra small button
\\
==== Block ====
Create block level buttons—those that span the full width of a parent -- by adding ''block="true"'' option.
Block level button
\\
Block level button
\\
Block level button
Block level button
\\
==== Active state ====
Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. Bootstrap Wrapper Plugin detect automatically the active state of current page.
[[button]] [[panel]]
[[button]] [[panel]]
\\
==== Disabled state ====
Make buttons look unclickable by fading them back with ''opacity''.
[[button]] [[panel]]
[[button]] [[panel]]
===== Options =====
^ Attribute ^ Default Value ^ Allowed Values ^ Description ^
| ''type'' | ''default'' | ''default'' ''primary'' ''success'' ''info'' ''warning'' ''danger'' ''link'' | Type of button |
| ''icon'' | optional | | Font icon class (eg. Glyphicon or Font-Awesome) |
| ''size'' | optional | ''lg'' ''sm'' | Button size |
| ''block'' | optional | ''true'' ''false'' | Block level buttons |
| ''collapse'' | optional | | Target element selector to collapse (see [[collapse]]) |
| ''disabled'' | optional | ''true'' ''false'' | Disable the button |
| ''modal'' | optional | | Modal ID (see [[modal]]) |