Config Members 4

Members table with search, role filter popover, invite dialog (bulk emails), and status badges (Active, Pending).

Example

View and manage your team members. Control permissions and roles for each user in your organization.

User	Role
EEmily Watsonemily.w@acme.io	Owner
?john.d@acme.io	Editor	Invite pending
MMichael Parkmichael.p@acme.io	Viewer
?lisa.t@acme.io	Editor	Invite pending

Config Members 4 is a table-based team management UI:

Toolbar: Search input, role filter popover (Admin, Editor, Viewer checkboxes), and Invite button.
Invite dialog: Textarea for bulk email addresses and role selector.
Table: Columns for Name, Email, Role, and Status. Status uses badges (e.g. Active, Pending).

Uses Button, Input, Textarea, Badge, Checkbox, Popover, Dialog, Native Select, and Table. Suited to settings pages that need search, filtering, and bulk invite.

import { SettingsMembers1 } from "@/components/ui/settings-members-1";

<SettingsMembers1 />

Connect search and role filters to table data and wire the invite dialog (e.g. bulk invite API) and status to your backend.