@equinor/fusion-react-person/README.md

React component for displaying an person information

<!--prettier-ignore-start-->
# @equinor/fusion-react-person

[![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-react-person.svg)](https://www.npmjs.com/package/@equinor/fusion-react-person)

[Storybook](https://equinor.github.io/fusion-react-components/?path=/docs/person-docs--docs)

[Fusion Web Component](https://equinor.github.com/equinor/fusion-web-components/tree/main/packages/person)

### Installation

```sh
npm install @equinor/fusion-react-person
```

## Components

- [PersonAvatar](https://equinor.github.io/fusion-react-components/?path=/story/person-avatar--basic) - This component displays a person's image with an account type border and provides detailed information on hover.
- [PersonCard](https://equinor.github.io/fusion-react-components/?path=/story/person-card--basic) - Use this component to display comprehensive information about a person,including their department, positions, tasks, and current manager
- [PersonListItem](https://equinor.github.io/fusion-react-components/?path=/story/person-list-item--basic) - This component showcases basic information about a person, with the option to add additional buttons.
- [PersonSelect](https://equinor.github.io/fusion-react-components/?path=/story/person-select--basic) - Searchable dropdown of person in equinor.
- [PersonCell](https://equinor.github.io/fusion-react-components/?path=/story/person-cell--basic) - Person item used in ag-grid and tables
- [PersonProvider](https://equinor.github.io/fusion-react-components/?path=/docs/person-provider--docs) - Create a custom provider for the person components, used when when you need to customize the person search results in resolver.

<!--prettier-ignore-end-->