Wedges

Checkbox Group

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

Source

Labeldescription*

Helper text

Option 1

Option 2

Option 3

Option 4

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:

Prop	Value	Default
`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

Checkbox Dropdown Menu