# ComfortPanel

Group: App

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

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

## Use

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