Member Profile Drawer
A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.
A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.
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
Member Profile Drawer is the person panel that opens from a conversation in one block, a header with a Profile label and a close button above a large Priya Nair avatar carrying an online presence dot. Her name, the Staff Engineer title, and a status line sit above Message and Huddle quick actions, followed by a Contact section with email, local time, and team rows, and a channels in common section listing the three shared channels with member counts. A footer holds a View full profile action.
Contact rows and shared channels are each a typed array, so extending the panel is adding entries rather than markup. The presence dot and status line carry the person's availability without a separate badge row.
Reach for this block as the member or profile drawer that opens when someone clicks a person in a channel, wired to your directory endpoint with the presence dot bound to a real status feed and the quick actions opening a DM or a huddle. Pair the shared channels with a jump-to handler.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the teammate profile popover. Other drawer shapes:
Tip: keep the status line honest and short; a real one liner like the shipping note tells a teammate whether to expect a fast reply better than a presence dot alone.