Heartwood

Caution Button: Disabled 

<button class="btn btn-caution " type="button" disabled>
		<span class="btn__inner">
				<span class="btn__text">Delete Team</span>
			
		</span>	
</button>
 
{{> @button}}
 
{
  "text": "Delete Team",
  "className": "btn-caution",
  "type": "button",
  "disabled": true
}

Caution Button

When to use:

If an action is destructive, use the Caution Button. For example, removing a teammate or deactivating an account.

When not to use:

  • Non-destructive actions; instead use another type of button.

Uses these components