Skip to content
OTF Kit logoOTF Kit

Persona

Display

User identity card combining avatar, name, role, and status.

View in Storybook
Persona
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.

PropTypeDefaultDescription
namerequiredstring
badgeReactNode
classNamestring
size'sm' | 'md' | 'lg''md'
srcstring
subtitlestring

Related