Blocks / Settings

Team Settings

Workspace team management: invite members, change roles, remove members, and manage pending invitations, backed by the framework's team service.

$pnpm exec shadcn add @intelligo/team-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

Workspace team management: invite members, change roles, remove members, and manage pending invitations, backed by the framework's team service.

yours to edit

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

messages/en/team-settings.json

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

requires
built from

alert-dialog, badge, button, card, dialog, input, label, select, skeleton, table, page-header

npm packages it adds

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

what shadcn add writes · 11 files
Routes
  • app/[locale]/(app)/settings/team/page.tsx
  • app/[locale]/(app)/settings/team/loading.tsx
  • app/[locale]/(app)/settings/team/error.tsx
Components
  • components/team/member-list.tsx
  • components/team/invite-member-form.tsx
  • components/team/pending-invitations.tsx
  • components/team/role-badge.tsx
  • components/team/leave-workspace.tsx
Actions, config and messages
  • actions/team.ts
  • lib/team.ts
  • messages/en/team-settings.json

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