Skip to content

RNComponents/rn-spinner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

rn-spinner

NPM version npm download js-standard-style

Number Spinner component for react-native.

Install

npm install rn-spinner --save

Usage

// Require
var Spinner = require('rn-spinner');

// Use
<Spinner max={10}
         min={2}
         default={5}
         color="#f60"
         numColor="#f60"
         onNumChange={(num)=>{console.log(num)}}

Props

Property Description Type Default Note
max number 0
min number 99
default default number of the Spinner number 0 You can define either default or value.
value controlled value of the Spinner number undefined If value is defined, then the value can change only via the property. This means that onNumChange must be defined and change external state.
color custom color of the Spinner string '#33c9d6'
numColor custom number color string '#333'
numBgColor background color of number button string 'white'
onNumChange get the number of the Spinner func
showBorder show the border of the Spinner or not bool true
disabled disable the Spinner or not bool false
fontSize custom fontSize of the text input in the Spinner number 14
btnFontSize custom fontSize of buttons in the Spinner number 14
buttonTextColor custom color of the button in the Spinner string 'white'
width custom width of the Spinner number 90
height custom height of the Spinner number 30

Screenshot

Feedback

Issues

License

The MIT License

About

An extensible number Spinner component for react-native.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •