You can use one of the 6 main colors:
is-primaryis-linkis-infois-successis-warningis-danger
--- title: Modifiers syntax layout: documentation doc-tab: overview doc-subtab: modifiers breadcrumb: - home - documentation - overview - overview-modifiers --- {% capture button_example %} Button {% endcapture %} {% capture button_primary_example %} Button {% endcapture %} {% capture button_colors %} Button Button Button Button Button Button {% endcapture %} {% capture button_sizes %} Button Button Button Button {% endcapture %} {% capture button_states %} Button Button Button {% endcapture %} {% capture button_combinations %} Button Button Button {% endcapture %}
Let's start with a simple button that uses the "button" CSS class:
{{button_example}}
By adding the "is-primary" CSS class, you can modify the color:
{{button_primary_example}}
You can use one of the 6 main colors:
is-primaryis-linkis-infois-successis-warningis-dangerYou can also alter the size:
is-smallis-mediumis-largeOr the style or state:
is-outlinedis-loading[disabled]