Skip to content

Commit f0361cd

Browse files
committed
update readme
1 parent 15ec823 commit f0361cd

File tree

1 file changed

+27
-1
lines changed

1 file changed

+27
-1
lines changed

README.md

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,30 @@
22

33
A circular progress chart using react-native-svg
44

5-
![sample <>](https://github.com/stssoftware/react-native-svg-circular-progress/blob/master/Sample.png "Sample")
5+
![sample <>](https://github.com/stssoftware/react-native-svg-circular-progress/blob/master/Sample.png "Sample")
6+
7+
## Installation
8+
````
9+
npm install react-native-svg react-native-svg-circular-progress --save
10+
````
11+
12+
## Usage
13+
````
14+
import {CircularProgress} from 'react-native-svg-circular-progress'
15+
16+
const App = () => {
17+
const percentage = 40
18+
return <View>
19+
<CircularProgress percentage={percentage}>
20+
<View>
21+
<Text>{percentage}%</Text>
22+
</View>
23+
</CircularProgress>
24+
</View>
25+
}
26+
````
27+
28+
## Props
29+
* percentage (default: 80)
30+
* blankColor (default: "#eaeaea")
31+
* donutColor (default: "#43cdcf")

0 commit comments

Comments
 (0)