Member List 4 - Members grouped by team

Pro

A member directory grouped under each team, with search across names, emails, and roles.

Shadcn Member List 4 block

Component data

ID
member-list4
Access
pro
Created
Sep 29, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Member List 4 block design & features

MemberList4 is a grouped member directory built with Shadcn UI Input and Button. Search filters people across teams, and an invite button sits in the header. Each team is a section with its name and a count, then a list of members with photo, email, role, and availability.

Sections use a hairline list. Availability is a small status dot and a label. A person who sits on more than one team appears in each of those sections.

This is a moderate directory. Grouping by team is the distinctive structure. Content-driven: it needs teams and the members assigned to each one.

On smaller screens the role label hides.