React Native Material Design Styles


React Native Material Design Styles is based on paper-style which provides simple ways to use Material Design CSS styles in your application.　The difference is that this project is available in the form of React Native.

Recommend


A Material Design style React Native component library.

Table of contents

* Quick start
* Documentation

Quick start

Install with npm: npm install react-native-material-design-styles --save.

Documentation

$3

``javascript
import { StyleSheet } from 'react-native';
import { typography } from 'react-native-material-design-styles';
const typographyStyle = StyleSheet.create(typography);
`
Now we can use Material Design typography in our JSX code.
`javascript
Typography
Display4
Display3
Display2
Display1
Headline
Title
Subhead
Body2
Body1
Caption
Button
Code2
Code1
`
Here is what it look:

!typography

$3

`javascript
import { StyleSheet } from 'react-native';
import { color } from 'react-native-material-design-styles';
const typographyStyle = StyleSheet.create(typography);
`


#### Using for Text
`javascript
Text Color
paperPink500
paperPink50
paperPink100
paperPink200
paperPink300
paperPink400
paperPink500
paperPink600
paperPink700
paperPink800
paperPink900
paperPinkA100
paperPinkA200
paperPinkA400
paperPinkA700
`

!textColor

#### Using for background or other ways

`javascript














``

!backgroundColor

#### All colors

All color is show below, you can also Watch in fullScreen and you can copy color name.

!allColor