Checkbox

Live Editor

function CheckboxDemo() {
  return (
    <ThemeProvider>
      <Checkbox checked onCheckedChange={(checked) => console.log(checked)}>
        Email me product updates
      </Checkbox>
    </ThemeProvider>
  );
}

Result

Loading...

Props

Prop	Type
checked	boolean
disabled	boolean
indeterminate	boolean
loading	boolean
headless	boolean
invalid	boolean
density	'default' | 'compact' | 'comfortable'
preset	'default' | 'admin'
onCheckedChange	(checked: boolean, detail) => void
onChange	(event) => void
onInput	(event) => void

Notes

• The wrapper uses children for label content.