Checkbox Group

A visual group of Checkbox controls, allowing for the selection of multiple options within a set.

Source
Helper text

Usage

import { CheckboxGroup } from "@lemonsqueezy/wedges";
<CheckboxGroup label="Group Label">
  <CheckboxGroup.Item label="Option 1" />
  <CheckboxGroup.Item label="Option 2" />
</CheckboxGroup>

API Reference

CheckboxGroup

Alternatively, CheckboxGroup.Root can be used in place of this component. Besides all props from HTMLAttributes<HTMLDivElement>, CheckboxGroup also includes these additional props:

PropValueDefault
description
ReactNode
/
disabled
boolean
false
label
ReactNode
/
required
boolean
false
tooltip
ReactNode
/

CheckboxGroup.Item

Shares all the properties of the Checkbox component. Details can be found here.

Examples

Helper text
Helper text
CheckboxDropdown Menu
Edit this page