Skip to content
Telescope
Components

Checkbox group

A form element that enables users to select multiple values from a list of options.

Basic usage

Information:
We promote usage of this component in combination with our Form control component to maintain layout consistency and ensure form accessibility. The Form control supports advanced use cases such as hint text, help popovers and error messages.

First, import the necessary components.

import {FormControl, Checkbox} from '@pleo-io/telescope'

Then use them, like so:

<FormControl>
    <FormControl.Label>Expense category</FormControl.Label>
    <FormControl.CheckboxGroup>
        <Checkbox>Travel</Checkbox>
        <Checkbox>Entertainment</Checkbox>
        <Checkbox>Software</Checkbox>
    </FormControl.CheckboxGroup>
</FormControl>

API reference

The component accepts the following props.

This component doesn't accept any custom props.

Examples

See the guidelines page for information around when and why to use the various options.

On this page