Skip to content

Commit f56c3fd

Browse files
committed
Merge branch 'master' of github.com-adexin:adexin/spinners-react
* 'master' of github.com-adexin:adexin/spinners-react: add secondaryColor to Readme
2 parents a477827 + dafbe56 commit f56c3fd

File tree

1 file changed

+10
-9
lines changed

1 file changed

+10
-9
lines changed

README.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -43,15 +43,16 @@ import { SpinnerCircular } from 'spinners-react';
4343
## Properties
4444
The following optional properties are available. All extra props will be passed to the component's root SVG element.
4545

46-
| Property | Default value | Type | Description |
47-
|----------|---------------|----------------|-------------|
48-
|size |`50` |number or string|Set the size as number of pixels or any valid CSS string (e.g. `size="100%"`).|
49-
|thickness |`100` |number |Set lines width as a percentage of default thickness.|
50-
|сolor |`#38ad48` |string |Set the color. Can be set to any valid CSS string (hex, rgb, rgba).|
51-
|speed |`100` |number |Set the animation speed as a percentage of default speed.|
52-
|enabled |`true` |boolean |Show/Hide the spinner.|
53-
|still |`false` |boolean |Disable/Enable spinner animation.|
54-
|style |undefined |object |Pass CSS styles to the root SVG element|
46+
| Property | Default value | Type | Description |
47+
|--------------|--------------------|----------------|-------------|
48+
|size |`50` |number or string|Set the size as number of pixels or any valid CSS string (e.g. `size="100%"`).|
49+
|thickness |`100` |number |Set lines width as a percentage of default thickness.|
50+
|сolor |`'#38ad48'` |string |Set the color. Can be set to any valid CSS string (hex, rgb, rgba).|
51+
|secondaryColor|`'rgba(0,0,0,0.44)'`|string |Set the secondary color. Can be set to any valid CSS string (hex, rgb, rgba).|
52+
|speed |`100` |number |Set the animation speed as a percentage of default speed.|
53+
|enabled |`true` |boolean |Show/Hide the spinner.|
54+
|still |`false` |boolean |Disable/Enable spinner animation.|
55+
|style |undefined |object |Pass CSS styles to the root SVG element|
5556

5657
## Server Side Rendering
5758
While the library works with SSR, the spinner's animation CSS will be attached to the head only on the ```hydrate``` phase, which means the spinners will start animating only after the page is fully loaded. To work around this, include the needed css in your bundle.css manually:

0 commit comments

Comments
 (0)