C&C Docs
Log in

cnc-checkbox

A native checkbox with reactive checked and indeterminate states, an optional label and count, theme-aware colors, a complete size scale, and form validation support.

Quick start

Set name and text. Use checked for the initial state and listen for change to receive the current boolean value.

x-debug: emailnotify
true
<cnc-checkbox
  name="notifications"
  text="Email notifications"
  color="primary"
  checked
></cnc-checkbox>

Usage guidance

Use checkboxes for independent choices or multi-select lists. Use cnc-radio when exactly one option must be selected, and cnc-switch for an immediately applied on/off setting.

← Back to Widgets