2.2 components.example_button Example Button

Toggle example guides Toggle HTML markup

This is an example styleguide entry. To see the code that generates this entry, go to the sass/components/example folder in your theme and view the example_button.scss, example_button.twig, and example_button.json files to see what they do.

Examples
Default styling
:hover
Text turns red on hover.
.rounded
Wow! So round!
Markup: components\example\example_button.twig
<button class="button {{modifier_class}}">{{button_text}}</button>
Source: components/example/example_button.scss, line 1