Skip to content

Commit ef34abb

Browse files
committed
Updated
1 parent 3a0f4da commit ef34abb

File tree

1 file changed

+22
-22
lines changed

1 file changed

+22
-22
lines changed

README.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
# react-native-background-shapes
32

43
[![NPM version](https://badge.fury.io/js/react-native-backgroud-shapes.svg)](https://npmjs.org/package/react-native-backgroud-shapes) [![GitHub license](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](https://raw.githubusercontent.com/kevoj/react-native-backgroud-shapes/master/LICENSE)
@@ -7,33 +6,32 @@
76
87
### Examples
98

10-
![Imgur -fullwidth](https://imgur.com/Dzkd0zB.jpg)
11-
12-
<img src="https://imgur.com/Dzkd0zB.jpg" width="400" >
13-
<img src="https://imgur.com/i7YfOxK.jpg" width="400" >
14-
<img src="https://imgur.com/m2f78nl.jpg" width="400" >
15-
<img src="https://imgur.com/dNwUJV2.jpg" width="400" >
9+
<img align="right" src="https://imgur.com/Dzkd0zB.jpg" width="400" >
10+
<img align="right" src="https://imgur.com/i7YfOxK.jpg" width="400" >
11+
<img align="right" src="https://imgur.com/m2f78nl.jpg" width="400" >
12+
<img align="right" src="https://imgur.com/dNwUJV2.jpg" width="400" >
1613

1714
<!-- ![Imgur](https://imgur.com/Dzkd0zB.jpg)
1815
![Imgur](https://imgur.com/i7YfOxK.jpg)
1916
![Imgur](https://imgur.com/m2f78nl.jpg)
2017
![Imgur](https://imgur.com/dNwUJV2.jpg) -->
2118

22-
img[alt$="-fullwidth"]{
23-
width: 100%;
24-
display: block;
25-
}
26-
2719
### Installation
20+
2821
**Yarn**
22+
2923
```bash
3024
yarn add react-native-background-shapes
3125
```
26+
3227
**Npm**
28+
3329
```bash
3430
npm i react-native-background-shapes
3531
```
32+
3633
### Usage
34+
3735
```javascript
3836
import react from "react";
3937
import {View} from "react-native";
@@ -47,13 +45,14 @@ return (
4745
);
4846
}
4947
```
48+
5049
### Options
5150

5251
```javascript
5352
// Basic
5453
<Shapes />
5554
// Advance
56-
<Shapes
55+
<Shapes
5756
primaryColor="#416DF8"
5857
secondaryColor="#2F53D5"
5958
height={3}
@@ -65,15 +64,16 @@ return (
6564
]}
6665
/>
6766
```
68-
* **primaryColor**: String, HEX color.
69-
* **secondaryColor**: String, HEX color.
70-
* **height**: Number, 1 = full screen, default (3.5)
71-
* **borderRadius**: Number, default 30
72-
* **figures**: Array
73-
* * **name**: String = "circle","donut, "triangle", "diamondNarrow", "cutDiamond"
74-
* * **position**: String = "flex-start", "center, "flex-end", "baseline", "stretch"
75-
* * **axis**: String = "top", "right, "bottom", "left"
67+
68+
- **primaryColor**: String, HEX color.
69+
- **secondaryColor**: String, HEX color.
70+
- **height**: Number, 1 = full screen, default (3.5)
71+
- **borderRadius**: Number, default 30
72+
- **figures**: Array
73+
- - **name**: String = "circle","donut, "triangle", "diamondNarrow", "cutDiamond"
74+
- - **position**: String = "flex-start", "center, "flex-end", "baseline", "stretch"
75+
- - **axis**: String = "top", "right, "bottom", "left"
7676

7777
## License
7878

79-
MIT © [Leonardo Rico](https://github.com/kevoj/react-native-background-shapes/blob/master/LICENSE)
79+
MIT © [Leonardo Rico](https://github.com/kevoj/react-native-background-shapes/blob/master/LICENSE)

0 commit comments

Comments
 (0)