Andeus Designfor Reactv0.1
Components · Forms

Switch

A slide switch for settings that take effect at once. The label sits beside it.

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

Switch

Rebalance
jsx
const [rebalance, setRebalance] = useState(true);

<Switch label="Rebalance" led={false} checked={rebalance} onChange={setRebalance} />

Props

PropTypeDefault
checkedbooleanfalseControlled with onChange; or pass defaultValue / defaultChecked.
labelstring | ReactNode—
ledbooleantrueStatus light beside the switch.
disabledbooleanfalse
PreviousRadioNextSlider