Skip to content

Commit 5ffbc41

Browse files
authored
content of the project is added to README (#25)
* content of the project is added to README * Read me updated according to changes requested * Hero image update * Alignment Fix * Update README.md
1 parent d0aca16 commit 5ffbc41

File tree

1 file changed

+161
-2
lines changed

1 file changed

+161
-2
lines changed

README.md

+161-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,162 @@
1-
# React Native Elements Playground
1+
<p align="center">
2+
<a href="https://reactnativeelements.com/">
3+
<img alt="react-native-elements" src="https://user-images.githubusercontent.com/5962998/65694309-a825f000-e043-11e9-8382-db0dba0851e3.png" width="300">
4+
</a>
5+
</p>
6+
7+
<p align="center">
8+
<b><a href="https://reactnative.dev">React Native Elements</a> Playground 🚀 </b> <br/>
9+
React Native elements Playground is An interactive component playground. Which allows you to interact with different React Native Element Components.
10+
</p>
11+
<hr/>
12+
<p align="center">
13+
<a href="https://www.npmjs.com/package/react-native-elements"><img src="https://img.shields.io/npm/v/react-native-elements.svg"></a>
14+
<a href="https://github.com/react-native-elements/react-native-elements"><img src="https://img.shields.io/github/stars/react-native-elements/playground"></a>
15+
<a href="https://react-native-elements-slack.herokuapp.com"><img src="https://react-native-elements-slack.herokuapp.com/badge.svg"></a>
16+
</p>
17+
18+
<p align="center">
19+
<a href="#backers"><img src="https://opencollective.com/react-native-elements/backers/badge.svg"></a>
20+
<a href="#sponsors"><img src="https://opencollective.com/react-native-elements/sponsors/badge.svg"></a>
21+
<a href="https://codecov.io/gh/react-native-elements/react-native-elements"><img src="https://codecov.io/gh/react-native-elements/react-native-elements/coverage.svg"></a>
22+
<a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg"></a>
23+
<a href ="https://reactnativeelements.com/" ><img src="https://img.shields.io/badge/-React%20Native%20Elements-blue"/></a>
24+
<a href="https://reactjs.org/"><img src="https://img.shields.io/badge/-React-blue"></a>
25+
<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-blue.svg"></a>
26+
<a href="https://netlify.com"><img src="https://img.shields.io/badge/deployed%20on-netlify-blue" />
27+
28+
</p>
29+
30+
<br />
31+
<hr/>
32+
33+
![React Native Elements UI Toolkit](https://github.com/react-native-elements/playground/blob/master/public/thumbnail.png)
34+
35+
36+
### Installation
37+
38+
39+
1. Clone the repo
40+
```sh
41+
git clone https://github.com/react-native-elements/playground.git
42+
cd playground
43+
```
44+
45+
2. Install NPM packages
46+
```sh
47+
npm i
48+
```
49+
3. Run the development server
50+
```sh
51+
npm start
52+
```
53+
54+
55+
## Releated Projects
56+
57+
<a href="https://github.com/react-native-elements/react-native-elements">
58+
- React Native Elements
59+
</a> <br/>
60+
<a href="https://github.com/react-native-elements/react-native-elements-storybook">
61+
- React Native Elements Storybook
62+
</a> <br/>
63+
<a href="https://github.com/react-native-elements/react-native-elements-app">
64+
- React Native Elements App
65+
</a> <br/>
66+
67+
## Documentation
68+
69+
[View the full docs of React Native elements here](https://reactnativeelements.com/docs/overview)
70+
71+
## Contributing
72+
73+
74+
75+
76+
Interested in contributing to this repo? Check out our
77+
[Contributing Guide](https://reactnativeelements.com/docs/contributing)
78+
and submit a PR for a new feature/bug fix.
79+
80+
81+
82+
### First Contributors
83+
84+
We encourage everyone to contribute & submit PR's especially first-time
85+
contributors. Look for the label `Good First Issue` on the issues. Click
86+
[here](https://github.com/react-native-elements/playground/labels/%F0%9F%91%B6%20Good%20First%20Issue)
87+
to see them.
88+
89+
If there is something you's like to see or request a new feature, please submit
90+
an
91+
[issue](https://github.com/react-native-elements/playground/issues/new)
92+
or a
93+
[pull request](https://github.com/react-native-elements/playground/pulls).
94+
95+
96+
### Slack Community
97+
98+
In case you have any other question or would like to come say **Hi!** to the RNE
99+
community, join our [Slack team](https://react-native-elements-slack.herokuapp.com).
100+
See you on the other side! 👋😃
101+
102+
## Backers
103+
104+
[Become a backer](https://opencollective.com/react-native-elements#backer) and show your support for React Native Elements.
105+
106+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/0/avatar)](https://opencollective.com/react-native-elements/backer/0/website)
107+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/1/avatar)](https://opencollective.com/react-native-elements/backer/1/website)
108+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/2/avatar)](https://opencollective.com/react-native-elements/backer/2/website)
109+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/3/avatar)](https://opencollective.com/react-native-elements/backer/3/website)
110+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/4/avatar)](https://opencollective.com/react-native-elements/backer/4/website)
111+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/5/avatar)](https://opencollective.com/react-native-elements/backer/5/website)
112+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/6/avatar)](https://opencollective.com/react-native-elements/backer/6/website)
113+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/7/avatar)](https://opencollective.com/react-native-elements/backer/7/website)
114+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/8/avatar)](https://opencollective.com/react-native-elements/backer/8/website)
115+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/9/avatar)](https://opencollective.com/react-native-elements/backer/9/website)
116+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/10/avatar)](https://opencollective.com/react-native-elements/backer/10/website)
117+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/11/avatar)](https://opencollective.com/react-native-elements/backer/11/website)
118+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/12/avatar)](https://opencollective.com/react-native-elements/backer/12/website)
119+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/13/avatar)](https://opencollective.com/react-native-elements/backer/13/website)
120+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/14/avatar)](https://opencollective.com/react-native-elements/backer/14/website)
121+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/15/avatar)](https://opencollective.com/react-native-elements/backer/15/website)
122+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/16/avatar)](https://opencollective.com/react-native-elements/backer/16/website)
123+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/17/avatar)](https://opencollective.com/react-native-elements/backer/17/website)
124+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/18/avatar)](https://opencollective.com/react-native-elements/backer/18/website)
125+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/19/avatar)](https://opencollective.com/react-native-elements/backer/19/website)
126+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/20/avatar)](https://opencollective.com/react-native-elements/backer/20/website)
127+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/21/avatar)](https://opencollective.com/react-native-elements/backer/21/website)
128+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/22/avatar)](https://opencollective.com/react-native-elements/backer/22/website)
129+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/23/avatar)](https://opencollective.com/react-native-elements/backer/23/website)
130+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/24/avatar)](https://opencollective.com/react-native-elements/backer/24/website)
131+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/25/avatar)](https://opencollective.com/react-native-elements/backer/25/website)
132+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/26/avatar)](https://opencollective.com/react-native-elements/backer/26/website)
133+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/27/avatar)](https://opencollective.com/react-native-elements/backer/27/website)
134+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/28/avatar)](https://opencollective.com/react-native-elements/backer/28/website)
135+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/backer/29/avatar)](https://opencollective.com/react-native-elements/backer/29/website)
136+
137+
## Sponsors
138+
139+
Do you use React Native Elements in production? If so, consider supporting this project as it will allow the maintainers to dedicate more time to maintaining this project and also building new features for everyone. Also, your app or company's logo will show [on GitHub](https://github.com/react-native-elements/react-native-elements#sponsors) and link to your website - who doesn't want a little extra exposure? [Here's the info](https://opencollective.com/react-native-elements#sponsor).
140+
141+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/0/avatar)](https://opencollective.com/react-native-elements/sponsor/0/website)
142+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/1/avatar)](https://opencollective.com/react-native-elements/sponsor/1/website)
143+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/2/avatar)](https://opencollective.com/react-native-elements/sponsor/2/website)
144+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/3/avatar)](https://opencollective.com/react-native-elements/sponsor/3/website)
145+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/4/avatar)](https://opencollective.com/react-native-elements/sponsor/4/website)
146+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/5/avatar)](https://opencollective.com/react-native-elements/sponsor/5/website)
147+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/6/avatar)](https://opencollective.com/react-native-elements/sponsor/6/website)
148+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/7/avatar)](https://opencollective.com/react-native-elements/sponsor/7/website)
149+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/8/avatar)](https://opencollective.com/react-native-elements/sponsor/8/website)
150+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/9/avatar)](https://opencollective.com/react-native-elements/sponsor/9/website)
151+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/10/avatar)](https://opencollective.com/react-native-elements/sponsor/10/website)
152+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/11/avatar)](https://opencollective.com/react-native-elements/sponsor/11/website)
153+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/12/avatar)](https://opencollective.com/react-native-elements/sponsor/12/website)
154+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/13/avatar)](https://opencollective.com/react-native-elements/sponsor/13/website)
155+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/14/avatar)](https://opencollective.com/react-native-elements/sponsor/14/website)
156+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/15/avatar)](https://opencollective.com/react-native-elements/sponsor/15/website)
157+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/16/avatar)](https://opencollective.com/react-native-elements/sponsor/16/website)
158+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/17/avatar)](https://opencollective.com/react-native-elements/sponsor/17/website)
159+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/18/avatar)](https://opencollective.com/react-native-elements/sponsor/18/website)
160+
[![React Native Elements Backer](https://opencollective.com/react-native-elements/sponsor/19/avatar)](https://opencollective.com/react-native-elements/sponsor/19/website)
161+
2162

3-
CI for this project is done with: https://www.netlify.com

0 commit comments

Comments
 (0)