| title |
|---|
ion-spinner |
import Props from '@ionic-internal/component-api/v8/spinner/props.md'; import Events from '@ionic-internal/component-api/v8/spinner/events.md'; import Methods from '@ionic-internal/component-api/v8/spinner/methods.md'; import Parts from '@ionic-internal/component-api/v8/spinner/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/spinner/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/spinner/slots.md';
<title>ion-spinner: Animated Spinner Icon Components and Properties</title>import EncapsulationPill from '@components/page/api/EncapsulationPill';
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.
import Basic from '@site/static/usage/v8/spinner/basic/index.md';
import Colors from '@site/static/usage/v8/spinner/theming/colors/index.md';
You may use custom CSS to style the spinner. For example, you can resize the spinner by setting the width and height.
import Resizing from '@site/static/usage/v8/spinner/theming/resizing/index.md';
import CSSProps from '@site/static/usage/v8/spinner/theming/css-properties/index.md';