Persona
DisplayUser identity card combining avatar, name, role, and status.
PersonaDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Persona from @otfdashkit/ui.
Code
// Persona — User identity card combining avatar, name, role, and status.
//
// Install:
// bun add @otfdashkit/ui
import { Persona } from '@otfdashkit/ui'
export function Example() {
return (
<Persona>
{/* your content */}
</Persona>
)
}Props
Props declared in the Persona source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| namerequired | string | ||
| badge | ReactNode | ||
| className | string | ||
| size | 'sm' | 'md' | 'lg' | 'md' | |
| src | string | ||
| subtitle | string |