Skip to content

Commit bebac1c

Browse files
committed
docs: update README compatibility table
1 parent a85bbba commit bebac1c

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

README.md

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff 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.
159160
You 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

165166
The 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

171172
The main css classes are the following:
172173

@@ -198,8 +199,8 @@ The single item represented in the bar. This class is vastly used.
198199

199200
The 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

0 commit comments

Comments
 (0)