Forms

Switch

Pill toggle whose thumb stretches under the finger and springs back, with a haptic on commit.

Switch

import { Switch } from '@anomalia/ui';

Notes

A switch applies its change immediately. If the change needs a Save button, use a Checkbox.
reverse puts the control first — the right order for settings rows.

Press and hold: the thumb stretches toward where it is about to travel, then springs into place. A haptic fires on commit, not on press.

Autopilot Generate and schedule without asking

Weekly digest A Monday summary by email

Beta features

Enterprise SSO Available on the Agency plan

Prop	Type	Default	Description
`checked`	`boolean`	—	Bindable state.
`label / hint`	`string`	—	Row text.
`reverse`	`boolean`	`false`	Control before the label.
`size`	`'sm' \| 'md'`	`'md'`	40×24 / 51×31px.

Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.