Heartwood

Primary Button: Disabled 

<button class="btn btn-primary " type="button" disabled>
		<span class="btn__inner">
				<span class="btn__text">Sign Up</span>
			
		</span>	
</button>
 
{{> @button }}
 
{
  "text": "Sign Up",
  "className": "btn-primary",
  "type": "button",
  "disabled": true
}

Primary Button

When to use:

Use a Primary Button for the principle call to action, for example, to submit a form. If there are multiple actions that a user can take, only one of them should be expressed with a primary button.

When not to use:

Uses these components