Skip to main content

Checkbox

The Checkbox element is used to select one or more options from a list of options.


Usage

import { Checkbox } from "@newfold/ui-component-library";

<Checkbox
id="checkbox"
label="I am a checkbox."
name="name"
value="value"
/>

Disabled

No user interaction, indicated by opacity and cursor.

<Checkbox
disabled
id="checkbox-diabled"
label="I am a checkbox."
name="name"
value="value"
/>

Checkbox List

Use the CheckboxGroup component to render a list of checkboxes.


Props

AttributeTypeDescriptionDefault
id*string | --
name*string | --
value*string | --
label*string | --
disabledbool | -false
classNamestring | --

Hello From Root