archive-gh-me/react-circular-progressbar
1
0
Fork 0
mirror of https://github.com/kevinsqi/react-circular-progressbar.git synced 2026-01-25 16:03:15 +00:00
Code Issues Projects Releases Wiki Activity

update README to be clear about sizing container

Browse Source
This commit is contained in:
Kevin Qi 2020-03-31 23:22:36 -07:00
parent 3f64e7bdaf
commit b658f919f8
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@ -61,6 +61,17 @@ const value = 0.66;
<CircularProgressbar value={value} maxValue={1} text={`${value * 100}%`} />;
```
The progressbar is designed to fill the width of its container. You can size the progressbar by sizing its container:
```jsx
<div style={{ width: 200, height: 200 }}>
<CircularProgressbar value={66} />
</div>
```
This makes the progressbar work well with responsive designs and grid systems.
## Props
[**Take a look at the CodeSandbox**](https://codesandbox.io/s/vymm4oln6y) for interactive examples on how to use these props.