Admin user sheet
An app-admin users list that opens a user detail sheet with tabs, where sending a login link flies an envelope to the avatar and suspending asks for confirmation.
Interactive preview · desktop · dark
Installation
Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.
Usage
Import it, pass your props, and make it part of your product.
example.tsx
import { AdminUserSheet } from '@/components/component-kit/items/block-admin-user-sheet';
export function Example() { return <AdminUserSheet />;}Props
| Prop | Type | Default | Description |
|---|---|---|---|
users | AdminUser[] | 6 demo users | Users to list; each has id, name, email, plan, lastSeen, joined, stats, workspaces and activity. |
onSendLoginLink | (user: AdminUser) => void | undefined | Called when the login link is sent for the open user. |
onSuspend | (user: AdminUser, suspended: boolean) => void | undefined | Called after a suspension is confirmed or lifted. |
defaultOpenUserId | string | undefined | Open this user's sheet on mount. |
compact | boolean | false | Three rows and no search; for small previews. |
autoPlay | boolean | compact | Idle loop that highlights rows one after another every 1.6s. |
contentClassName | string | undefined | Class for the portalled sheet and confirm dialog. |