Checkbox

Renders an input with type="checkbox". Can be used as a controlled or uncontrolled component.

<Checkbox />
<Checkbox />
Live Demo

The icon prop replaces the icon rendered by the component.

<Checkbox
    fontSize="2rem"
    borderWidth="2px"
    borderColor="Primary"
    icon={
        <DotIcon fill="Primary" padding={1} />
    }
/>
<Checkbox
    fontSize="2rem"
    borderWidth="2px"
    borderColor="Primary"
    icon={
        <DotIcon fill="Primary" padding={1} />
    }
/>
Live Demo