# MultiLineSelect

## Props
| Name          | Type                                                 | Default            | Required | Description                                                                                                                                                                                                                                                                                                                                                                                              |
| ------------- | ---------------------------------------------------- | ------------------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| selectorObj   | Object&lt;SelectorObj&gt;                            |                    | true     | An object with the following PropShape:<br>--<br>- `selector`: `Custom Component`passed down that receives props<br>- `title`: title for custom component<br>- `isSelectorActive`: indicates whether Selector is active or not,<br>- `toggleSelector`: toggles visibility of selector,<br>- `addItem`: add item to selection<br>`selectorProp`: initial props passed down for custom component selector, |
| placeholder   | string                                               | ''                 | false    | `placeholder` acts as title for CustomSelector and placeholder `SelectRow`                                                                                                                                                                                                                                                                                                                               |
| multiline     | boolean                                              | false              | false    | if true the single prop for `SelectRows` is false                                                                                                                                                                                                                                                                                                                                                        |
| onChange      | Function                                             | () => false        | false    | callback function triggered when row is add. the parameter for this function<br>contains `this.state.rows` which is the data present from selector                                                                                                                                                                                                                                                       |
| displayData   | null &#124; &#91;{ key: string, value: string }&#93; | null               | false    | if this prop has a value, then this passed into the prop `rows` of<br>`<SelectRows>` instead of `state.rows`                                                                                                                                                                                                                                                                                             |
| keyField      | string                                               | 'id'               | false    | Identifier for row items                                                                                                                                                                                                                                                                                                                                                                                 |
| baseClassName | string                                               | 'multiline-select' | false    | Base class name root div in this component                                                                                                                                                                                                                                                                                                                                                               |
| rowClassName  | string                                               | 'select-rows'      | false    | Row class name for `RowSelect`                                                                                                                                                                                                                                                                                                                                                                           |
