Data display

UserCard

The account row at the foot of a sidebar: avatar, name, secondary line.

Importimport { UserCard } from "@/components/layout";
Sourcesrc/components/layout/UserCard

The account row at the foot of a sidebar. It renders a button, so it expects to open something — a menu or an account page.

Default

Props

UserCard

PropTypeDefaultDescription
initialsstringRequired. Shown in the avatar slot.
labelstringRequired. The name.
subtitlestringSecondary line — an email, a role.
trailingReactNodeTrailing content, such as a chevron.