Secondary Button: Default

WIP

HTML
View
Context
Info
Notes


        
        <button class="btn btn-secondary " type="button">
		<span class="btn__inner">
				<span class="btn__text">Sign Up</span>
			
		</span>	
</button>


        {{> @button }}


        
            
            {
  "text": "Sign Up",
  "className": "btn-secondary",
  "type": "button"
}

Handle: @secondary-button--default
Variants (5): Default , Disabled , Loading , Icon , Icon Only
Preview:
- With layout
- Component only
Filesystem Path: components/01-button/02-secondary-button/secondary-button.hbs
References (1): @button

Secondary Button

When to use:

Use a Secondary Button for any action that is not the primary action, such as cancelling a form submission or exiting a task.

When not to use:

For a destructive action; instead, use a Caution Button.
For the primary call to action; instead, use a Primary Button.
In a visually cluttered context, it may be better to use a Simple Button.

Uses these components

Loader