Skip to main content

Switch

Uncontrolled

Result
Loading...
Live Editor

Controlled

Result
Loading...
Live Editor

Description

Result
Loading...
Live Editor

Sizes

Result
Loading...
Live Editor

States

Result
Loading...
Live Editor

Light

Used when the switch is on a dark background

Result
Loading...
Live Editor

Analytics

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

export default {
value: 'Switch',
actions: {
onChange: { type: 'SWITCH_CHANGE', payload: 'Change' },
},
};

Props