Skip to content
Theme

Sidebar user

The signed-in person at the foot of the sidebar, with a menu for their account.

Examples

With a second line and an account menu

Props

SidebarUser

The signed-in person, at the foot of the sidebar, with a menu for their account.

PropTypeDefaultDescription
namestring—Who is signed in: a name or a login.
detail?string—A second line, such as an email address or a role.
children?ReactNode—The menu it opens, such as Sign out: MenuItem elements.

Keyboard

KeyDoes
Enter or Space or ArrowDownOpens the account menu
EscapeCloses it and returns focus

Accessibility

  • A list item, so it sits in the sidebar's footer list beside settings and help.
  • The initial is decorative; the name and the second line are the button's name.