https://github.com/nutboltu/react-random-numpad

A random generated number pad for react. For demo visit here https://nutboltu.github.io/react-random-numpad
https://github.com/nutboltu/react-random-numpad

keypad numberpad numpad random random-number react

Last synced: about 1 month ago
JSON representation

A random generated number pad for react. For demo visit here https://nutboltu.github.io/react-random-numpad

• Host: GitHub
• URL: https://github.com/nutboltu/react-random-numpad
• Owner: nutboltu
• Created: 2018-12-20T05:14:04.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-11T19:42:32.000Z (almost 6 years ago)
• Last Synced: 2024-09-18T09:28:39.386Z (about 2 months ago)
• Topics: keypad, numberpad, numpad, random, random-number, react
• Language: TypeScript
• Homepage:
• Size: 1.26 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-random-numpad

[![dependencies Status](https://david-dm.org/nutboltu/react-random-numpad/status.svg)](https://david-dm.org/nutboltu/react-random-numpad)  [![Build Status](https://travis-ci.org/nutboltu/react-random-numpad.svg?branch=master)](https://travis-ci.org/nutboltu/react-random-numpad) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

[![NPM](https://nodei.co/npm/react-random-numpad.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/react-random-numpad/)

A random genarated number pad for react

![Screenshot](/docs/react-random-numpad.png)

See [Demo and Documentation](https://nutboltu.github.io/react-random-numpad).

## Props

The component takes the following props.

| Prop              | Type       | Default | Description |

|-------------------|------------|-------------|-------------|

| `className`       | string  | - | Additional classnames for the component |

| `supportDecimal`  | boolean | false| Include decimal point support in the numpad|

| `onChange`        | _function_ | - |Callback function to invoke when a number is pressed |

## Installation

```bash

npm install react-random-numpad --save

```

## Usage

```javascript

import RandomNumpad from "react-random-numpad";

import "react-random-numpad/dist/style.min.css";

 {}}

  classNames="custom-class"

/>

```

## License

MIT Licensed. Copyright (c) Farhad Yasir 2019.