@incmix-ui/persona

A Persona component for chakra UI

Installation

$ yarn add @incmix-ui/persona

#or

$ npm i @incmix-ui/persona --save

Usage

import { Persona } from '@incmix-ui/persona'

export default const App = () => {
  return (
    <Box>
      <Persona
        name="Eelco Wiersma"
        secondaryLabel="Founder"
        tertiaryLabel="On a roadtrip"
        presence="offline"
        isOutOfOffice
        />
    </Box>
  )
}

Docs

https://www.incmix-ui.dev/docs/data-display/persona

Source

https://github.com/incmix/ui/tree/next/packages/incmix-ui-persona

License

MIT - Appulse Software