TRA SummitDesign System

Checkbox

A control for opting in — with optional label and helper description.

Basic

Membership dues are drafted on the 1st of each month.

<Checkbox label="Save card for future payments" defaultChecked />
<Checkbox
  label="Enroll in autopay"
  description="Membership dues are drafted on the 1st of each month."
/>

Indeterminate

2 of 5 outstanding invoices selected.

<Checkbox
  checked="indeterminate"
  label="Select all invoices"
  description="2 of 5 outstanding invoices selected."
/>

Disabled

<Checkbox label="Apply AdventurePass credit" disabled />
<Checkbox label="Agreed to payment terms" disabled defaultChecked />

Without label

<Checkbox aria-label="Select invoice" defaultChecked />