CheckboxGroup

---
import { Checkbox, CheckboxGroup } from '@santi020k/lumen-astro'
---

<CheckboxGroup legend="Notifications">
  <label><Checkbox name="alerts" value="product" /> Product alerts</label>
  <label><Checkbox name="alerts" value="billing" /> Billing updates</label>
</CheckboxGroup>

import { Checkbox, CheckboxGroup } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <CheckboxGroup legend="Notifications">
      <label><Checkbox name="alerts" defaultValue="product" /> Product alerts</label>
      <label><Checkbox name="alerts" defaultValue="billing" /> Billing updates</label>
    </CheckboxGroup>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-checkbox-group legend="Notifications">
  <label><lumen-checkbox name="alerts" value="product"></lumen-checkbox> Product alerts</label>
  <label><lumen-checkbox name="alerts" value="billing"></lumen-checkbox> Billing updates</label>
</lumen-checkbox-group>