Inputs

Switch

On/off switch row with label and optional description, for settings.

• Provide label, checked, onChange(boolean); description explains the effect in one line. disabled shows why nearby (e.g. "Coming soon").
• The knob moves with ease-bloom; use for immediate settings only (no Save button).

Playground

Change the props, switch theme in the header, try Tablet and Phone widths, then copy the code.

Examples

Props

export interface SwitchProps {
  label: string;
  description?: string;
  checked: boolean;
  onChange?: (checked: boolean) => void;
  disabled?: boolean
}

Use

import { Switch } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/Switch/README.md