# General & Display block

> Workspace Preferences Settings With Collapsible Sections of Select and Switch Rows

Workspace settings page grouping preference rows into collapsible General and Display sections, each row mixing select dropdowns and switch toggles with status badges. ReUI Frame, Badge; shadcn Collapsible, Item, Select, Switch, Separator.

- Type: Pro block
- Category: [Settings](https://web.dev.reui.io/blocks/application/settings.md)
- Page: https://web.dev.reui.io/blocks/application/settings/settings-9
- MCP: `get_block("settings-9")`
- Built with: Badge, Collapsible, Frame, Item, Select, Separator, Switch
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Collapsible General and Display groups of select and switch rows, such as default view, color theme and sidebar position

## Agent notes

- Replace `PREFERENCE_SECTIONS`; each item's `control` of select or switch picks the widget and `options` feed the Select
- Switches use `defaultChecked` and select values live in `PreferenceRow` state with no save, so wire both to your preferences API
- Every section opens through `defaultOpen` on `Collapsible`, so the open state is uncontrolled and resets on reload

## When not to use

- Rows that each pair a labeled description with an input, URL prefix or color swatches: use [General Settings](https://web.dev.reui.io/blocks/application/settings/settings-3.md) (`get_block("settings-3")`)
- Notification delivery modes per channel with a collapsible auto-follow group: use [Notification Delivery](https://web.dev.reui.io/blocks/application/settings/settings-12.md) (`get_block("settings-12")`)

## Install

```bash
npx shadcn@latest add @reui/settings-9
```

## About Settings blocks

### When to use

- Preference pages of labeled rows, each row carrying its own switch, select, input or button
- Integration pages that pick, connect or configure third party apps, webhook routes and API keys
- Account, security, notification channel and role permission policies

### When not to use

- A new record to fill in and submit, such as an invoice, a product or a member invite: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- A billing page with usage counters and an invoice table, or a referral rewards page: use the [Profile blocks](https://web.dev.reui.io/blocks/application/profile.md)
- The sidebar navigation that wraps every page of a product, the settings page included: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)

### Agent notes

- Each page.tsx centers the root in a padded `min-h-svh` wrapper and each root caps its own max width; remove both inside your settings route
- Nothing is saved and no block calls an API, so wire every button and control, including any `useState` or `defaultChecked` value, to your settings API

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.