Skip to content

Latest commit

 

History

History
84 lines (60 loc) · 1.91 KB

README.md

File metadata and controls

84 lines (60 loc) · 1.91 KB

RNColorPalette

A color Picker for RN Devs :)

Below you will find some information on how to perform common tasks.

Table of Contents

Demo

RN-Color-Palette

Features v0.1.2

https://files.slack.com/files-pri/T2N3XAL3Z-FUKDB04MP/download/20200304_191657.mp4

Installation

Install the package in your project's folder by using npm or yarn:

npm install RN-Color-Palette

or

yarn add RN-Color-Palette

Basic Usage

Import RNColorPalette in your AppComponent as below:

import RNColorPalette from 'RN-Color-Palette';

<RNColorPalette
 colorList={colors}
  value={pickedColor2}
  onItemSelect={this.colorPicked2}
  AddPickedColor={colour => this.AddColor(colour)}
  style={{
    backgroundColor: pickedColor2,
    width: 110,
    height: 30,
}}>

Props

Pull Requests

Feel free to make Pull Requests for your feature/fix. To run the project, run

npm install

or

yarn

then

npm start

Props

Props Type isRequired Example
color string No 'Default is SkyBlue', 'green' or '#fb6249' or 'rgb(255, 26, 26)'``// If you want Progress bar Opaque, You can use rgba(...) or hsla(...)
height number No 'Should be a Number, 4 is default'

License

MIT © IOMechs