Skip to main content

Checkbox

Uncontrolled

Result
Loading...
Live Editor

Controlled

Result
Loading...
Live Editor

Description

Result
Loading...
Live Editor

Indeterminate

Result
Loading...
Live Editor

Sizes

Result
Loading...
Live Editor

States

Result
Loading...
Live Editor

Light

Used when the checkbox is on a dark background

Result
Loading...
Live Editor

Analytics

The Checkbox component is trackable through Kyber Analytics. This is the default analytics config.

export default {
value: 'Checkbox',
actions: {
onChange: { type: 'CHECKBOX_CHANGE', payload: 'Change' },
},
};

Props