Avatar — User Card

block

Place an avatar next to a name and role to create a user card row. Use for comment headers, contact lists, profile sections, or anywhere you need to identify a person at a glance.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-avatar-user-card.json"

Sign In

Avatar — User Card

block

Place an avatar next to a name and role to create a user card row. Use for comment headers, contact lists, profile sections, or anywhere you need to identify a person at a glance.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-avatar-user-card.json"

components/astryx/examples/AvatarUserCard.tsx