npm

Need private packages and team management tools?Check out npm Orgs. »

react-native-bpk-component-nudger

4.0.5 • Public • Published

react-native-bpk-component-nudger

Backpack React Native nudger component.

Installation

npm install react-native-bpk-component-nudger --save-dev

Usage

import React, { Component } from 'react';
import BpkNudger from 'react-native-bpk-component-nudger';
 
export default class App extends Component {
 constructor() {
    super();
    this.state = { value: 1 };
  }
 
  handleChange = (value) => {
    this.setState({ value });
  }
 
  render() {
    return (
      <BpkNudger
        min={1}
        max={10}
        value={this.state.value}
        onChange={this.handleChange}
        decreaseButtonLabel="Decrease"
        increaseButtonLabel="Increase"
      />
    );
  }
}

Props

Property PropType Required Default Value
decreaseButtonLabel string true -
increaseButtonLabel string true -
max number true -
min number true -
onChange func true -
value number true -
theme See Theme Props below false null

Theme Props

Same as secondary button.

Keywords

none

install

npm i react-native-bpk-component-nudger

Downloadsweekly downloads

341

version

4.0.5

license

Apache-2.0

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability