Andeus Designfor Reactv0.1
Components · Forms

Checkbox

Independent on/off choices in a list. For a setting that applies immediately, use Switch.

jsx
import { Checkbox } from '@andeus/ui';

Checkbox

jsx
const [dividends, setDividends] = useState(true);

<Checkbox label="Include dividends" checked={dividends} onChange={setDividends} />
<Checkbox label="Fees" />
<Checkbox label="Locked" disabled />

Props

PropTypeDefault
checkedbooleanfalseControlled with onChange; or pass defaultValue / defaultChecked.
labelstring | ReactNode—
disabledbooleanfalse
PreviousMultiSelectNextRadio