The Spinner component provides a variety of animated SVG spinners. Spinners are visual indicators that the app is loading content or performing another process that the user needs to wait on.
The default spinner is based on the mode. When the mode is ios the spinner will be "lines", and when the mode is md the spinner will be "circular". If the name property is set, then that spinner will be used instead of the mode specific spinner.
You may use custom CSS to style the spinner. For example, you can resize the spinner by setting the width and height.
CSS Custom Properties color Description The color to use from your application's color palette. Default options are:"primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. Attribute color Type "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined Default undefined duration Description Duration of the spinner animation in milliseconds. The default varies based on the spinner. Attribute duration Type number ｜ undefined Default undefined name Description The name of the SVG spinner to use. If a name is not provided, the platform's default spinner will be used. Attribute name Type "bubbles" ｜ "circles" ｜ "circular" ｜ "crescent" ｜ "dots" ｜ "lines" ｜ "lines-sharp" ｜ "lines-sharp-small" ｜ "lines-small" ｜ undefined Default undefined paused Description If true, the spinner's animation will be paused. Attribute paused Type boolean Default false
No events available for this component.
No public methods available for this component.
No CSS shadow parts available for this component.
Name Description--color Color of the spinner
No slots available for this component.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4