Arctic Design
Get StartedFoundationsComponentsExamples
K

Checkbox

Enables users to select one or more options from a set, reflecting choices with a checkmark or other indicator.

Usage
Size
Checked
Disabled
Read Only
Error
import { Checkbox } from '@arctic-kit/snow';
function Demo() {
return <Checkbox label="Checkbox Label" color="primary" size="medium" />;
}

API Reference

PropsTypeDefault
checkedboolean | undefined---
colorSnowColorprimary
disabledboolean | undefinedfalse
errorboolean | undefined---
labelstring | undefined---
namestring---
onChange((value: boolean) => void) | undefined---
readOnlyboolean | undefined---
size"small" | "medium" | "large"medium