Checkbox

Use Checkbox for binary selection. The React wrapper maps directly to ui-checkbox.

Live Editor

function Preferences() {
  return (
    <ThemeProvider>
      <Checkbox indeterminate preset="admin" onCheckedChange={(checked) => console.log(checked)}>
        Review required
      </Checkbox>
    </ThemeProvider>
  );
}

Result

Loading...

Supported Props

checked, disabled, indeterminate, loading, headless, invalid, density, preset, onCheckedChange, onChange, onInput

Notes

• Use children for the visible label content.