<.checkbox id="checkbox-basic-states-unchecked" label="Enable notifications"/>
<.checkbox id="checkbox-basic-states-checked" label="Email alerts" checked/>
<.checkbox id="checkbox-basic-states-indeterminate" label="Select all items" indeterminate/>

<.checkbox
  disabled
  id="checkbox-disabled-states-disabled-unchecked"
  label="Disabled unchecked"
/>
<.checkbox
  disabled
  id="checkbox-disabled-states-disabled-checked"
  label="Disabled checked"
  checked
/>
<.checkbox
  disabled
  id="checkbox-disabled-states-disabled-indeterminate"
  label="Disabled indeterminate"
  indeterminate
/>

<.checkbox
  id="checkbox-with-descriptions-simple-description"
  label="Marketing emails"
  description="Receive updates about new features and promotions"
/>
<.checkbox
  id="checkbox-with-descriptions-long-description"
  label="Data sharing"
  description="Allow us to share anonymized usage data with third-party analytics providers to improve our service quality and user experience"
/>
<.checkbox
  id="checkbox-with-descriptions-checked-with-description"
  label="Remember my preferences"
  description="Save your settings for future visits"
  checked
/>

<.checkbox
  id="checkbox-practical-examples-terms-agreement"
  label="I agree to the Terms of Service"
  description="By checking this box, you agree to our terms and conditions"
/>
<.checkbox
  id="checkbox-practical-examples-newsletter-signup"
  label="Subscribe to our newsletter"
  description="Get weekly updates delivered to your inbox"
/>
<.checkbox
  id="checkbox-practical-examples-feature-toggle"
  label="Enable dark mode"
  description="Switch to a darker color scheme"
  checked
/>