The PersonFinder-Component is part of the chayns-components package. It can be installed via npm:
npm install -S chayns-components@latest
At first the component has to be imported:
import { PersonFinder } from 'chayns-components';Then it can be used like in the following example:
<PersonFinder
placeholder="Person suchen"
onChange={this.personChanged}
/>| Property | Description | Type |
|---|---|---|
| placeholder | Placeholder of the input field | String |
| onChange | Callback that will be executed when a person gets selected or input/personfinder gets cleared | Function |
| className | CSS classes for the input field | String |
| style | Styles for the input field | Object |
| required | Makes the input required | bool |
| stopPropagation | Stops the click propagation to parent elements | bool |
| parent | DOM Node into which the PersonFinder will be rendered. On default, it's the tapp div. | node |