Shadcn UI User Profile Block
UserProfile4 is a compact pill-shaped profile chip designed for inline use. The layout places a small avatar on the left with an optional status indicator dot positioned at the bottom-right corner. To the right of the avatar sits the user name and role stacked vertically in tight leading.
Rounded-full container with subtle border and shadow creates the pill shape. The avatar uses a smaller size-8 for compactness. Status indicator colors follow standard conventions: green for online, gray for offline, amber for away, red for busy. The border on the status dot matches the card background for a cut-out effect.
This component works well for comment authors, mentions, assignees in task lists, or anywhere a user identity needs to appear inline without taking significant vertical space. The pill shape makes it feel like a self-contained unit that can sit within text or lists.
The compact size remains readable on mobile while taking minimal space. The inline-flex display allows it to flow naturally within content.
Dependencies
| Package | Type |
|---|---|
avatar @shadcn | Registry |