Switch

20×36 pill, primary track when on, surface-3 behind an input edge when off; the thumb is ink off, primary-foreground on. For a setting that takes effect immediately; a choice that needs Save is a Checkbox. Label always to the right and clickable.

import { Switch } from "@stocklots/ui-components/components/switch";

<Switch id="ai-pricing" defaultChecked />

States

Unchecked, checked, disabled (with its reason), disabled checked, invalid (with its message).

Locked while the listing is publishing.

Sizes

Default 20×36; sm 16×28.

In a field

Label to the right of the switch; the label is the click target.

The pricing agent suggests a price per unit by comparing comparable lots, without waiting for your review.