# Settings command

Workspace settings where a search field grows into a palette that flies you to any setting.

- ID: `settings-command`
- Import: `animui/settings-command`
- Category: block
- Runtime exports: `SettingsCommand`
- Declaration: `types/pro/settings-command.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: settings-page, command-palette, security-settings, switch, segmented-control

```tsx
import { SettingsCommand } from 'animui/settings-command';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info settings-command` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface SettingsCommandProps {
  sections?: string | number | boolean | ReactNode;
  settings?: string | number | boolean | ReactNode;
  defaultValues?: string | number | boolean | ReactNode;
  suggested?: string | number | boolean | ReactNode;
  onSave?: () => void;
  onValuesChange?: () => void;
  title?: string;
  className?: string;
}

export declare const SettingsCommand: ComponentType<SettingsCommandProps>;

export default SettingsCommand;
```