File tree Expand file tree Collapse file tree 1 file changed +8
-7
lines changed Expand file tree Collapse file tree 1 file changed +8
-7
lines changed Original file line number Diff line number Diff line change @@ -32,7 +32,8 @@ yarn add react-usage-bar
3232| Package v | Node |
3333| --------- | ---------- |
3434| <= 1.1.18 | <= 16.14.x |
35- | > 1.1.19 | 18.x.x |
35+ | >= 1.1.19 | 18.x.x |
36+ | >= 1.2.2 | 20.x.x |
3637
3738<br >
3839
@@ -159,14 +160,14 @@ Can customize the style of the error message.
159160You must import the style directly from the package directory, like this:
160161
161162``` javascript
162- import " react-usage-bar/build/index.css"
163+ import ' react-usage-bar/build/index.css'
163164```
164165
165166The project variables are:
166167
167- - ` --text-color `
168- - ` --background-tooltip-color `
169- - ` --background-bar-color `
168+ - ` --text-color `
169+ - ` --background-tooltip-color `
170+ - ` --background-bar-color `
170171
171172The main css classes are the following:
172173
@@ -198,8 +199,8 @@ The single item represented in the bar. This class is vastly used.
198199
199200The tooltip of the item in which are written all the textual info.
200201
201- - ` .o-UsageBar__bar__tooltip__percentage ` - Used to control the style of the percentage lables.
202- - ` ::after ` - Is used to make the triangular shape on the bottom (or top) of the tooltips.
202+ - ` .o-UsageBar__bar__tooltip__percentage ` - Used to control the style of the percentage lables.
203+ - ` ::after ` - Is used to make the triangular shape on the bottom (or top) of the tooltips.
203204
204205### ` .o-UsageBar__bar__elements__labels__container `
205206
You can’t perform that action at this time.
0 commit comments