Toggle

Toggles make common actions more obvious to the user. They use labels and sometimes icons to communicate the action that occurs after interaction. To use, import from @marvelapp/ui:

import { Toggle } from '@marvelapp/ui';

Size

The <Toggle /> component will accept any number as size.

<Toggle size={64} />
<Toggle size={48} />
<Toggle size={32} />
<Toggle size={24} />

Props

Prop

Type

Default

activeColor

string

marvel

data-testid

string

–

disabled

boolean

false

display

string

inline-block

string

–

inactiveColor

string

smokeDark

isChecked

boolean

false

size

number