Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-native-bpk-component-nudger with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-native/package.json"); // react-native is a peer dependency. var reactNativeBpkComponentNudger = require("react-native-bpk-component-nudger")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-bpk-component-nudger v4.0.13

Backpack React Native budger component.

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

PropertyPropTypeRequiredDefault Value
decreaseButtonLabelstringtrue-
increaseButtonLabelstringtrue-
maxnumbertrue-
minnumbertrue-
onChangefunctrue-
valuenumbertrue-
themeSee Theme Props belowfalsenull

Theme Props

Same as secondary button.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free