# SettingsSection

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/projects/[id]/components/settings/SettingsSection.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/projects/[id]/components/settings/SettingsSection.tsx#L18)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `id` | `string` | ✓ | - |
| `title` | `string` | ✓ | - |
| `category` | `SettingsCategoryId` | ✓ | - |
| `keywords` | `string[]` | - | [] |
| `danger` | `boolean` | - | false |
| `children` | `ReactNode` | ✓ | - |

## Diagram

```mermaid
graph TD
    component_SettingsSection_4cae12d9["SettingsSection"]
    class component_SettingsSection_4cae12d9 rootComponent
```

## Relationships

- USES_HOOK → `useSettingsShell`