Button

A button is clickable text or an icon that triggers an action on the page or in the background. Depending on the action, content, and hierarchy, a button can be used on its own or grouped with other buttons.

Primary

View a live version of this component and see how it can be customized.

<rh-button>Primary</rh-button>

<script type="module">
  import '@rhds/elements/rh-button/rh-button.js';
</script>

Full screen demo

• When you need to allow users to interact with pages in a variety of ways
• When you need to communicate actions users can take
• When you need to draw attention to the highest priority action

Status checklist