Blocks / Settings

Profile Settings

User profile name editing, read-only email, and account deletion with typed confirmation, backed by the framework's profile service.

$pnpm exec shadcn add @intelligo/profile-settings

Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.

Loading preview…
about this block

User profile name editing, read-only email, and account deletion with typed confirmation, backed by the framework's profile service.

yours to edit

No config seam of its own — it follows the app shell and the messages file.

messages/en/profile-settings.json

Everything else is used verbatim; a deployment varies through these files and translations.How seams work →

requires
built from

button, card, dialog, input, label, skeleton, page-header

npm packages it adds

@intelligo-dev/auth · @intelligo-dev/core · @intelligo-dev/next · sonner · server-only · next-intl

what shadcn add writes · 7 files
Routes
  • app/[locale]/(app)/settings/profile/page.tsx
  • app/[locale]/(app)/settings/profile/loading.tsx
  • app/[locale]/(app)/settings/profile/error.tsx
Components
  • components/profile/profile-settings-form.tsx
Actions, config and messages
  • actions/profile.ts
  • lib/profile.ts
  • messages/en/profile-settings.json

Ready to try it? Three commands and the app runs against a stub model.