Search blocks by description or jump to a page.
A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.
The source for every Application block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? 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.