Primary buttons: Active

Ready

Notes
Info
HTML
View
Context

These primary buttons may be added to your page. They also appear within patterns such as the call to action.

Find step-by-step instructions for adding buttons.

Handle: @button-primary--active
Variants (6): Default , Visited , Hover , Focus , Active , Disabled
Preview:
- With layout
- Component only
Filesystem Path: src/components/03-page-elements-and-patterns/navigation-elements/button/button-primary/button-primary.hbs


        
        <button class="button active" name="" type="button" value="">Active</button>


        <button class="button{{#if class}} {{class}}{{/if}}" name="{{name}}" type="{{#if type}}{{type}}{{else}}button{{/if}}" value="{{value}}"{{#if disabled}}disabled{{/if}}>{{text}}</button>


        
            
            {
  "text": "Active",
  "class": "active"
}