<Checkbox title={"Select euc checkbox"} color={"eucalyptus"} name={"checkbox1"} id={"checkbox1"} /><Checkbox title={"Select light euc checkbox"} color={"lightEucalyptus"} name={"checkbox2"} id={"checkbox2"} /><Checkbox title={"Select purple checkbox"} color={"purple"} name={"checkbox3"} id={"checkbox3"} /><Checkbox title={"Select orange checkbox"} color={"orange"} name={"checkbox4"} id={"checkbox4"} /><Checkbox title={"Select yellow checkbox"} color={"yellow"} name={"checkbox5"} id={"checkbox5"} /><Checkbox title={"Select green checkbox"} color={"green"} name={"checkbox6"} id={"checkbox6"} /><Checkbox title={"Select blue checkbox"} color={"blue"} name={"checkbox7"} id={"checkbox7"} /><Checkbox title={"Select buffy orange checkbox"} color={"buffyOrange"} name={"checkbox8"} id={"checkbox8"} /><Checkbox title={"I agree to these terms."} color={"lightEucalyptus"} name={"checkbox9"} id={"checkbox9"} position={"right"} />Name | Description | Type | Required | Default | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
color | Checkbox color. | string | false | "lightEucalyptus" | ||||||||||
className | List of classes for this element. | string | array | false | "" | ||||||||||
forwardRef | Ref to component or DOM element. | function | object | false | null | ||||||||||
| ||||||||||||||
onChange | Function that executes when dropdown value changes. | func | false | null | ||||||||||
inactive | Inactive if true. | boolean | false | false | ||||||||||
checked | Checkbox is checked if true. | boolean | false | false | ||||||||||
id | ID of checkbox input. | true | ||||||||||||
name | Name of checkbox input. | true | ||||||||||||
title | Title of checkbox label. | false | null | |||||||||||
position | Position of checkbox ("left" | "right") | false | "left" | |||||||||||