# Security Settings block

> Workspace security settings in Frame cards mixing toggles, a timeout select, and plan-tier badges

Security settings page grouping session policy, login methods, and access restrictions into ReUI Frame cards. Rows mix Switch toggles, a timeout Select, and plan-tier Badges (Basic, Business, Enterprise) on shadcn Item. For 2FA, SSO, access controls.

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

## Best for

Workspace sign in rules: enforced 2FA, a session timeout, magic link login and plan tier badges in place of a control

## Agent notes

- Replace `SECURITY_SECTIONS`; each item's `control` of switch, select or badge picks the widget, and `badgeLabel` with `badgeColor` styles the plan tier
- Switches use `defaultChecked` and the timeout value lives in `SecurityRow` state with no save, while badge rows render no control at all

## When not to use

- A privacy page whose rows end in a lone Setup button or a paired enable and disable: use [Privacy Controls](https://web.dev.reui.io/blocks/application/settings/settings-2.md) (`get_block("settings-2")`)
- A login screen where members enter a work email to get a magic link: use [Invite-Only Sign-In](https://web.dev.reui.io/blocks/application/auth/auth-19.md) (`get_block("auth-19")`)

## Install

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

## 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.