Button

To create button element use this component.

Code:

  
    HTML
    
  
  <!-- Normal -->
<fvButton> Normal Button </fvButton>

<!-- For another element -->
<a class="fv-button"> Link Button </a>

Themes

Sizes

Custom elements

You can use .fv-button to custom element, like a tag.
To configure theme colors, play with primary-color, secondary-color, danger-color, warning-color and info-color key in your config variables.
This component wrapped to normal html button element, so custom events and attributes are available on this.

Name	Type	Default	Description
loading	Boolean	false	Show loading indicator inside button.
disabled	Boolean	false	Disabled state of button.

Name	Params	Description
click	event	Fired when user clicked on this.

Name	Description
default	---

Name	Description
.fv-default	Default theme (actived by default)
.fv-primary	Primary theme
.fv-secondary	Secondary theme
.fv-danger	Danger theme
.fv-warning	Warning theme
.fv-info	Info theme
.fv-size-xs	XSmall size
.fv-size-sm	Small size
.fv-size-md	Medium size (actived by default)
.fv-size-lg	Large size
.fv-size-xl	XLarge size