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