JSPM

@iomechs/rn-color-palette

0.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q30015F
  • License MIT

A color Picker for RN Devs :)

Package Exports

  • @iomechs/rn-color-palette

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@iomechs/rn-color-palette) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

RNColorPalette (Android & IOS)

A color Picker for React Native Devs :)

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

Table of Contents

Demo

Features v0.0.2

Installation

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

npm install @iomechs/rn-color-palette

or

yarn add @iomechs/rn-color-palette

Basic Usage

Import RNColorPalette in your AppComponent as below:

import RNColorPalette from '@iomechs/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