UNPKG

react-native-material-color

Version:
66 lines (53 loc) 1.57 kB
# Material Color [Google Color Palette](https://material.google.com/style/color.html#color-color-palette) [Material Color Generator](http://mcg.mbitson.com/) ### npm install react-native-material-color --save ### Demo ![color-palette](https://raw.githubusercontent.com/DerayGa/react-native-material-color/master/demo.png) ### Usage #### ES6 ``` import Color from 'react-native-material-color'; <View style={{ backgroundColor: Color.RED[500] }} /> <View style={{ backgroundColor: Color.Red }} /> ``` ``` import { BLUE, Blue } from 'react-native-material-color'; <View style={{ backgroundColor: BLUE[800] }} /> <View style={{ backgroundColor: Blue }} /> ``` #### ES5 Support ``` var Color = require('react-native-material-color'); var { RED, Red } = require('react-native-material-color'); ``` ### Color List(Default 500) / Color Palette * White / WHITE * Black / BLACK * Transparent / TRANSPARENT * DeltaGrey / DELTAGREY * DeltaBlue / DELTABLUE * Red / RED * Pink / PINK * Purple / PURPLE * DeepPruple / DEEPPRUPLE * Indigo / INDIGO * Blue / BLUE * LightBlue / LIGHTBLUE * Cyan / CYAN * Teal / TEAL * Green / GREEN * LightGreen / LIGHTGREEN * Lime / LIME * Yellow / YELLOW * Amber / AMBER * Orange / ORANGE * DeepOrange / DEEPORANGE * Brown / BROWN * BlueGrey / BLUEGREY * Grey / GREY ### Color Palette * Default 500 * 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700 ### White / Black / Transparent Do not have Palette, Just Color.WHITE / Color.White / WHITE / White