@saas-ui/persona

A Persona component for Chakra UI

Installation

$ yarn add @saas-ui/persona

#or

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

Usage

import { Persona } from '@saas-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.saas-ui.dev/docs/data-display/persona

Source

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

License

MIT - Appulse Software