Avatar — Interactive

block

Make an avatar interactive by passing `href` to render it as a link or `onClick` to render it as a button. Both forms are focusable and show a focus-visible ring for keyboard users. Use for profile links, mention pop-ups, or any avatar people can act on.

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

Sign In

Avatar — Interactive

block

Make an avatar interactive by passing `href` to render it as a link or `onClick` to render it as a button. Both forms are focusable and show a focus-visible ring for keyboard users. Use for profile links, mention pop-ups, or any avatar people can act on.

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

components/astryx/examples/AvatarInteractive.tsx