Browse components

CheckBox

import CheckBox from "@shpaw415/mui-lite/CheckBox";

Why use it

CheckBox selects zero or more options in a set. Pair with FormControlLabel for rich labels, or use the built-in `label` prop for simple rows.

Demo

Example

import CheckBox from "@shpaw415/mui-lite/CheckBox";
 
<CheckBox defaultChecked label="Accept terms" />
<CheckBox label="Subscribe" color="secondary" />

Props

PropTypeDefault
labelstring
labelSidetop | bottom | left | rightright
colorpalette
sizesmall | medium | large
icon / checkedIconReactNodedefault