0.0.4 • Published 5 years ago
@paraboly/react-native-multiselect v0.0.4
Basic Multiselect Button Screenshots
Installation
Add the dependency:
npm i @paraboly/react-native-multiselectPeer Dependencies
"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"lodash": ">= 4.17.15",Usage
Import
import Multiselect from "@paraboly/react-native-multiselect";Usage
Do not forget to check Example Data to make it work
<Multiselect
data={staticData}
onPress={res => console.log(res)}
onChange={res => console.log(res)}
/>Example Data
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.