Normal Programming Mistake

    react-native-counter-stepper

    0.0.2 • Public • Published

    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

    Install

    npm i react-native-counter-stepper

    DownloadsWeekly Downloads

    3

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    10.5 kB

    Total Files

    5

    Last publish

    Collaborators

    • eazybee