npm package: @paraboly/react-native-multiselect
Description: Beautiful multi select component for React Native
Author: Sevval Eygül
Latest version: 0.0.4

<img alt="React Native Multiselect Button" src="assets/logo2.png" width="1050"/>

## Basic Multiselect Button Screenshots

<p align="center">
  <img alt="Multiselect Button" src="assets/multiselect1.png" width="49%" />
  <img alt="Multiselect Button" src="assets/multiselect2.png" width="49%" />
</p>

## Installation

Add the dependency:

```ruby
npm i @paraboly/react-native-multiselect
```

### Peer Dependencies


```
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"lodash": ">= 4.17.15",
```
# Usage

## Import

```js
import Multiselect from "@paraboly/react-native-multiselect";
```

## Usage

 Do not forget to check Example Data to make it work

```jsx
 <Multiselect
        data={staticData}
        onPress={res => console.log(res)}
        onChange={res => console.log(res)}
  />
```

### Example Data

```js
const staticData = [
  {
    id: 0,
    text: "Yüksek",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  },
  {
    id: 1,
    text: "Orta",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  },
  {
    id: 2,
    text: "Düşük",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  }
];

```

# Configuration - Props

| Property            |   Type   |  Default  | Description                                                                          |
| ------------------- | :------: | :-------: | ------------------------------------------------------------------------------------ |
| height              |  style   |    40     | set your own height                                                                  |
| width               |  style   |    70     | set your own width                                                                   |
| activeButtonColor   |  style   |  #a085af  | use this to change the active color of the button                                    |
| inactiveButtonColor |  style   |  #dbdbdb  | use this to change the inactive color of the button                                  |
| activeTextColor     |  style   |  #eaeaea  | use this to change the active color of the text                                      |
| inactiveTextColor   |  style   |  #848484  | use this to change the inactive color of the text                                    |
| onChange            | function | undefined | you can make your business logic or get the selection of the data from this function |
| onPress             | function | undefined | onPress function for each of them                                                    |

## Author

Şevval Eygül

## License

React Native Multiselect Button Group is available under the MIT license. See the LICENSE file for more info.