Loader
Preview
All the loaders are taken from this page, feel free to check them out:
www.svgbackgrounds.com/elements/animated-svg-preloaders/Customize
You can specify any image like svg or gif as the source, overriding the default loader type.
Demo code
Inputs
| Option | Type | Default value | Possible values |
|---|---|---|---|
| size | number | 16 | 0-infinite |
| width | number | 0 | 0-infinite (overrides size) |
| height | number | 0 | 0-infinite (overrides size) |
| type | enum | tube-spinner | 'bouncing-ball', 'bouncing-circles', 'bouncing-squares', 'fade-stagger-circles', 'fade-stagger-squares', 'gear-spinner', 'infinite-spinner', 'motion-blur-2', 'ripples', 'tube-spinner', 'tube-spinner' |
| customLoaderImagePath | string | - | any string (path) |
Style Variables