# Checkbox Lets a user select one or more independent options. ```html ``` ## Attributes | Attribute | Type or allowed values | Default | Description | | --- | --- | --- | --- | | `label` | `string` | `""` | Sets the visible label. | | `description` | `string` | None | Sets supporting text. | | `checked` | `boolean` | `false` | Controls the checked state. | | `indeterminate` | `boolean` | `false` | Controls the mixed state. | | `disabled` | `boolean` | `false` | Disables interaction. | | `name` | `string` | `""` | Sets the submitted field name. | | `value` | `string` | `"on"` | Sets the submitted field value. | | `required` | `boolean` | `false` | Marks the field as required. | ## Read-only properties | Property | Type | Description | | --- | --- | --- | | `control` | `HTMLInputElement \| null` | The native checkbox input. | | `form` | `HTMLFormElement \| null` | The associated form. | ## Events | Event | Type | Description | | --- | --- | --- | | `input` | `InputEvent` | Emitted while the checked state changes. | | `change` | `Event` | Emitted after the checked state changes. | ## Styling parts | Part | Description | | --- | --- | | `root` | The checkbox label. | | `control` | The visual checkbox control. | | `label` | The label text. | The component emits standard input and change events. ## Basic states Checkboxes support unchecked, checked, and indeterminate states. ```html ``` ## Disabled states Every selection state has a disabled presentation. ```html ``` ## Descriptions Add supporting context below the label. ```html ``` ## Practical examples Use checkboxes for agreements, subscriptions, and optional settings. ```html ```