docs: make it fancier 💅 (by coping Expo Snack's README styles 😅)

fakeheal · Mar 2, 2022 · 1857886 · 1857886
1 parent 1c0ec29
commit 1857886
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -1,14 +1,20 @@
-<a href="https://www.npmjs.com/package/react-native-intl-phone-field">
-    <img alt="npm (scoped)" src="https://img.shields.io/npm/v/react-native-intl-phone-field?style=flat">
-</a>
+
 <p align="center">
-  <h2 align="center">React Native Intl Phone Field</h2>
-  <h4 align="center">🌐 RN Text Input Component for International Phone numbers</h4>
+<img src="demo.gif" alt="Demo in action" height='200'/>
 </p>
 
+<h1 align="center">React Native Intl Phone Field</h1>
+<p align='center'>
+ <a href="https://www.npmjs.com/package/react-native-intl-phone-field">
+    <img alt="npm (scoped)" src="https://img.shields.io/npm/v/react-native-intl-phone-field?style=flat">
+    </a>
+</p>
 
-<p align="center">
-<img src="demo.gif" alt="Demo in action" />
+<p align='center'>
+    <a href="https://snack.expo.dev/@fakeheal/react-native-intl-phone-field-demo">
+    Try the Expo Snack 👏
+    </a>
+<br>
 </p>
 
 ## 🕹️ Demo

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-intl-phone-field",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React Native input for validating international phone numbers.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",