SettingsSection

Settings

Flat section with title, description, optional action, and a top divider.

Install

npx bouncekit@latest add settingssection

Import

import { SettingsSection } from "@/components/settings/settings-section"

Profile

Update your personal information.

Name

API Reference

Prop	Type	Required	Description
`title`	`string`	yes	Section heading.
`description`	`string`	—	Supporting text.
`action`	`ReactNode`	—	Action element on the right (e.g. a button).
`children`	`ReactNode`	yes	Section content.
`divider`	`boolean`	—	Show top divider. Default: true.
`variant`	`"default" \| "danger"`	—	Red accent for destructive sections.

Source

src/components/settings/settings-section.tsx

Components/Settings/SettingsSection