Settings Blocks

Settings page grouping a Profile card (display name, email, visibility select) and a Notifications card of labeled switches, saving with a toast confirmation.

Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-account confirmation.

Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles.

Settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's form cards beside it.

Settings shell whose vertical section nav tracks a sliding indicator and blur cross-fades panels, plus a dismissible profile-completion callout with a counting meter.

Appearance settings where theme, accent color, and interface density controls re-theme a self-contained mock app preview in real time via scoped CSS variables.

Profile settings form (name, username, role, bio, location, social links) whose edits update a public-profile preview card beside it in real time.

Security settings with a session policy card, login methods including SAML SSO, an active-sessions list whose rows animate out on revoke, and a counting security score.

Profile settings with a grayscale cover photo, overlapping avatar, a drag-and-drop photo upload zone with hover and drop states, an About field, and regional preferences.

General settings sheet of hairline two-column rows (project name, API endpoint, allowed origins, region, date format) with a sticky unsaved-changes bar counting edits.

Notification settings matrix of events by Email, Push, and SMS switches, with per-column master toggles that cascade a whole channel, plus a quiet-hours range.

Billing settings with a current-plan card, seat, storage, and API usage meters that fill with counting values, a payment method row, and an invoice history table.