react-native-counter-stepper

This is a simple light weight react native counter component

Usage no npm install needed!

<script type="module">
  import reactNativeCounterStepper from 'https://cdn.skypack.dev/react-native-counter-stepper';
</script>

README

react-native-counter-stepper

Gif displaying an example of react-native-counter-stepper on ios and android device

This is a simple light weight react native counter component

License: MIT PRs Welcome


Installation

This module is distributed via npm

npm install react-native-counter-stepper
yarn add react-native-counter-stepper

Usage

Import
import Counter from 'react-native-counter-stepper';

return(
    <Counter value={state} onValueChange={(val) => setState(val)} />
)

OtherExamples

Props

Name Description type Optional Default
value value of the counter number false
onValueChange callback when value change (newValue, change) => void false
minValue minimum value of the counter number true Number.MIN_SAFE_INTEGER
maxValue maximum value of the counter number true Number.MAX_SAFE_INTEGER
step Increment/reduction by step number true 1
minText Text on the decrease button string true -
maxText Text on the increase button string true +
style style for counter outermost container View Style true
activeBackgroundColor button onpress background color color true rgba(40,121,255,0.94)
buttonStyle style for button View Style true
buttonnTextStyle style for button's text Text Style true
labelStyle style for value View Style true
labelTextStyle style for value's text Text Style true

Contributors

Thanks goes to these people (emoji key)

Ezekiel Ilori
Ezekiel Ilori

🤔 💻 ⚠️ 📖

LICENSE