Spinner
Overview of the Spinner Component
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 to use is based on the platform. The default spinner for iOS is lines, and the default for Android is circular. If the platform is neither iOS nor Android, the spinner will be set the default to circular. If the Name property is set, the spinner will be used instead of the platform-specific spinner.
Properties
Important Note!
This document lists the properties that are specific to this particular UI component.
To check for the properties common for most UI components, please check the General components document.
The Spinner component has the following properties:
Common Properties
| Property Name | Property Description |
|---|---|
| Spinner Name | The name of the SVG spinner to use. If a name is not provided, the platform's default spinner will be used. Possible values are: lines, lines-small, dots, bubbles, circles, crescent, circular. |
| Duration | Duration of the spinner animation in milliseconds. The default varies based on the spinner. |
| Paused | If set to true, the spinner's animation will be paused. Defaults are set to false. |
Styles Properties:
| Property Name | Property Description |
|---|---|
| Spinner Color | Select spinner color from the available colors: Primary, Secondary, Tertiary, Success, Warning, Danger, Light, Medium, Dark, and Custom or use the Color-picker. |
Visit the Ionic documentation to read more about Ionic spinner.
Updated about 5 hours ago