Block Parts
User Info
An avatar with a name and a second line, for account menus, sidebars and quotes.
Usage
SL
Sarah Lindqvist
Head of Product, WunderUI
AL
Alina Lorenz
Free plan
LM
Lucas Meyer
lucas@initech.dev
Installation
npm install @wunderui/reactThen import what you need:
import { UserInfo, UserInfoProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| name | string | — |
| subtext | string | — |
| src | string | — |
| initials | string | from name |
| color | AvatarColor | — |
| variant | "person" | "sidebar" | "menu" | "person" |
| onMenu | () => void | — |
| className | string | — |