Section
A titled settings-style content block with an optional header action, rendering a labelled section heading above a bordered card body; ships with companion SettingsList and SettingRow compound components for building explain-everything config panels.
Notifications
Choose which events trigger an email or push alert.
Receive a daily summary of activity in your account.
Get notified immediately when a new device signs in.
Hear about new features and improvements.
Webhook endpoints
Configure URLs that receive event payloads when activity occurs.
Receives all events from your live environment.
https://api.example.com/webhooks/prodReceives only test-mode events. Safe to point at an internal service.
https://staging.example.com/webhooksConnected accounts
Third-party services linked to your account for sign-in or data sync.
Used for single sign-on and repository access.
Connected as @jsmith · 42 repositories accessible.
Enables calendar sync and single sign-on for your organisation.
Reduce spacing in lists and tables to show more content at once.
Increase text and border contrast for improved readability.
Disable animated transitions for users who prefer reduced motion.
The following items are read-only and managed by your organisation's administrator.
SSO is enforced for all members of your organisation.
Logs are retained for 365 days per your organisation policy.
Danger zone
Preferences
These settings apply to your personal account only.
Require a second verification step when signing in.
Shown on comments, activity feeds, and shared reports.
Your current subscription tier and billing cycle.
Automatically sign out after 30 minutes of inactivity.
Permanently remove your account and all associated data. This cannot be undone.
Profile
Public information shown to collaborators and in shared views.
Your real name or a preferred display name.
Used for sign-in, notifications, and billing receipts.
Security
Manage passwords, sessions, and authentication options.
Add a second factor so a stolen password alone cannot access your account.
Sign in with a device passkey — no password required.
You are signed in on 3 devices.
Billing
Your plan, payment method, and invoice history.
Renews on July 1, 2025.
Visa ending in 4242 · Expires 08 / 27.
Danger zone
Move this workspace to another account. You will lose owner privileges.
Permanently delete this workspace and all its data. This action cannot be undone.
Custom domain
Send from your own domain instead of the shared sending pool.
Added 3 days ago · All DNS records verified.
Added 7 days ago · One DNS record is still propagating.
API keys
Keys grant programmatic access to your account. Revoke unused keys promptly.
Last used 2 hours ago · Created Jan 12, 2025.
Last used 5 days ago · Created Dec 3, 2024.
Invite team members
Invite colleagues by email. They will receive an invite link.
Member · Joined 14 days ago.
Member · Joined 2 days ago.
Installation
npx shadcn@latest add @byronwade/sectionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Section heading rendered as a small semibold label above the card. |
| description | string | — | Muted helper text displayed beneath the title. |
| action | React.ReactNode | — | Optional element (e.g. a button) right-aligned beside the title row. |
| children | React.ReactNode | — | Content rendered inside the bordered card body. |
| className | string | — | Extra Tailwind classes merged onto the outer <section> element. |