Loading…

Admin — users

Block

A team administration table with filtering, sorting and per-row actions.

Dashboards
8 components
1 file

Team members

6 people in this workspace.


AL Ada Lovelace ada@example.com	Owner	Active	2 hours ago
GH Grace Hopper grace@example.com	Admin	Active	Yesterday
KJ Katherine Johnson kj@example.com	Member	Invited	Never
RP Radia Perlman radia@example.com	Viewer	Suspended	3 weeks ago
BL Barbara Liskov barbara@example.com	Member	Active	5 minutes ago
MH Margaret Hamilton margaret@example.com	Admin	Active	Last week

Page 1 of 1

Rows per page

Installation

The block is written to your blocks directory, and everything it is built from is installed alongside it.

$pnpm dlx @dowel-ui/cli add admin-users

Usage

A starting point, not a black box: render it, then edit the layout, the copy and the fields — they are yours.

app/page.tsxTSX

import { AdminUsersBlock } from "@/components/blocks/admin-users";

Built from

Every piece is a component you already have documentation for, and can change independently.

API

<AdminUsersBlock>

Prop	Type	Default
`users` (required)	`AdminUser[]`	—
`onEdit`	`(user: AdminUser) => void`	—
`onInvite`	`() => void`	—
`onRemove`	`(user: AdminUser) => void`	—
`className`	`string`	—

Accessibility

Filtering changes the results without the user asking, so the matching count is announced politely. The filter has a real label rather than only a placeholder, which disappears the moment anyone types. Each row's action button is named after its row — four identical "Actions" buttons say nothing about which row you are on.