App

ComfortPanel

Appearance, palette and comfort switches — Visualli's inclusive settings in one place.

• Controlled: value (Comfort) and onChange. With apply (default) it writes data-theme, data-type, data-motion, data-reveal and data-scale on <html> via applyComfort.
• Show it in a Dialog from the Vault footer and in onboarding. See the Comfort modes section.

Props

export interface ComfortPanelProps {
  value: Comfort;
  onChange: (c: Comfort) => void;
  apply?: boolean
}

Use

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

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