BlockReactregistry:block

Clerk User Button

clerk-user-button

User avatar with dropdown menu showing profile, settings, and sign-out options. Features initials fallback and click-outside-to-close.

@elements Registry JSON

This item declares no source files.

Notes from the author

A polished user button with avatar (image or initials fallback) and dropdown menu. Customizable menu items and actions. Wire up with Clerk's useUser() and useClerk() hooks.

Install

npx shadcn@latest add @elements/clerk-user-button

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Block
Framework: React
Files: 0 · 7.5 KB
Preview: Unavailable

npm dependencies

@clerk/nextjs

This item belongs to @elements. Registry Index indexes and previews it; check the registry's license before use.