Core User Profile Detail

Administrative employee record.

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add core-user-profile-detail

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/core-user-profile-detail

Type: Page
Variants: Radix UI
Themes: Light and dark
Widths: Preview it at desktop, tablet and mobile widths above.
Sample data: Ships with sample data in schema.ts, users.ts; replace it with your own.

npm packages: @faker-js/faker@hookform/resolvers@tabler/icons-reactreact-hook-formsonnerzod
Registry dependencies: lib-admin-kit-utilsui-admin-kit-badgeui-admin-kit-breadcrumbui-admin-kit-buttonui-admin-kit-cardui-admin-kit-inputui-admin-kit-labelui-admin-kit-separatorui-admin-kit-switchui-alertui-alert-dialogui-formui-radio-group
Files: 8 files
components/templates/admin-kit/app/(admin)/core/(users)/users/[id]/page.tsx
components/templates/admin-kit/app/(admin)/core/(users)/users/[id]/components/user-detail-form.tsx
components/templates/admin-kit/app/(admin)/core/(users)/users/data/schema.ts
components/templates/admin-kit/app/(admin)/core/(users)/users/components/users-deactivate-dialog.tsx
components/templates/admin-kit/lib/toast.ts
components/templates/admin-kit/components/confirm-dialog.tsx
components/templates/admin-kit/hooks/use-dialog-state.tsx
components/templates/admin-kit/app/(admin)/core/(users)/users/data/users.ts