Channel Directory
A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.
A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Channel Directory is the browse and join surface for a workspace in one block, a header with a Browse channels label and a Create channel action, a labeled search field for filtering by name or topic, and a row of Most active, Most members, Newest, and A to Z sort chips. Five channels follow, from eng-general to coffee-chat, each showing the name with a hash or lock privacy icon, a description, member count, and recent activity, with a Join button or a Joined state per row. A footer note counts the visible channels and explains that private channels appear only after an invite.
Channels are one typed array, and the privacy icon and join state are both driven per row. The search field uses a visible Label rather than placeholder text so the field reads clearly when empty.
Reach for this block as the channel browser or directory for a chat product, wired to your channels endpoint with the sort chips bound to server side ordering and the search field filtering the catalog. Bind each Join button to your membership mutation and the privacy rule to permissions.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace channel browser. Other directory shapes:
Tip: keep the privacy icon and Join state on the same row; a browser that hides whether a channel is open or invite only forces a wasted click to find out.