An ellipsis loader for React. You can set the time in between the next dot appears and the number of dots that appear.
npm install react-dotdotdotloader
1 . Require react-dotdotdotloader after installation
2 . Include react-dotdotdotloader component
3 . Customize options
|amount||Integer||Max number of dots to display. (Default is 3)|
|interval||Integer||The number of ms between each dot appearing. (Default is 500)|
react-dotdotdotloader will inherit any styles from its parent container. This allows the loader to have the same style as other components in the same contianer or have its own style. Use the same css properties as if you were changing text styling to change the look of the dots. See live demo for example.
1 . No text styling
No text styles
2 . Bigger font and red color
Bigger font and red font color
3 . dotdotdotloader can have its own styles
dotdotdotloader can have its own styles