Skip to content

Commit a1b63bf

Browse files
authored
Update README.md
1 parent 62b8607 commit a1b63bf

File tree

1 file changed

+28
-3
lines changed

1 file changed

+28
-3
lines changed

README.md

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -109,10 +109,13 @@ Add styles to secondaryTitle. **Works with only Facebook and Instagram**.
109109

110110
## Paragraph specific options.
111111

112-
#### **`pHeight? string | number`**
113-
Paragraph line height
112+
#### **`pHeight? string | number | array`**
113+
Paragraph line height,
114+
Can specify same height with single value, Or could use array for different widths, eg ['100%', 200, 300], you can use pHeight and pWidth to achieve different shapes as well,
115+
114116

115117
#### **`pWidth? string | number | array `**
118+
Paragraph line width,
116119
Can specify same width with single value, Or could use array for different widths, eg ['100%', 200, 300]
117120

118121
#### **`paragraphStyles? objecct`**
@@ -198,8 +201,29 @@ import { Bullets } from '@sarmad1995/react-native-content-loader';
198201
### Default Style
199202

200203
## It is highly customizable, please refer the options sections.
201-
```jsx
204+
205+
```
202206
import ContentLoader from 'react-native-content-loader';
207+
<ContentLoader
208+
avatar
209+
pRows={5}
210+
pHeight={[100, 30, 20]}
211+
pWidth={[100, 70, 100]}
212+
/>
213+
214+
```
215+
216+
<img width="300" src="https://user-images.githubusercontent.com/38377482/69658435-2fbec800-10a2-11ea-9641-b96a3183aca4.png"/>
217+
218+
Some more examples,
219+
```
220+
<FacebookLoader pHeight={[20, 10]} />
221+
<ContentLoader reverse avatar pRows={5} pHeight={[40, 30, 20]} />
222+
223+
```
224+
<img width="300" src="https://user-images.githubusercontent.com/38377482/69658445-36e5d600-10a2-11ea-991e-e4833e1996a2.png"/>
225+
226+
```jsx
203227

204228
<ContentLoader active listSize={10} />
205229
```
@@ -209,6 +233,7 @@ import ContentLoader from 'react-native-content-loader';
209233
![ContentLoader Style](https://user-images.githubusercontent.com/38377482/63653283-434b5180-c788-11e9-84ee-f275a71334bc.gif)
210234

211235

236+
212237
## Release History
213238
See <a href="https://github.com/sarmad1995/react-native-content-loader/blob/master/CHANGE_LOG.md"> CHANGE_LOG.md</a>.
214239

0 commit comments

Comments
 (0)