Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

checkbox

v4.15.0arrow_drop_down
v4.15.0
STATUS
Passing
DOWNLOADS
12
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
A year ago
SIZE
160 KB
The Checkbox component maps to a checkbox input and a label.
1 contributor
Install checkbox as a package?
Copied
npm i @bit/segmentio.evergreen.checkbox
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right
Properties
NameTypeDefault valueDescription
id
string

The id attribute of the checkbox.

name
string

The id attribute of the radio.

label
node

Label of the checkbox.

value
string

The value attribute of the radio.

checked
boolfalse

The checked attribute of the radio.

indeterminate
boolfalse

State in addition to “checked” and "unchecked". When true, the radio displays a “minus” icon.

onChange
function() => {}

Function called when state changes.

disabled
bool

When true, the radio is disabled.

isInvalid
bool

When true, the aria-invalid attribute is true. Used for accessibility.

appearance
string'default'

The appearance of the checkbox. The default theme only comes with a default style.

theme
(required)
object

Theme provided by ThemeProvider.