shadowThe 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.
| 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 & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | スピナーアニメーションの持続時間（ミリ秒）。デフォルトはスピナーによって異なる。 |
| Attribute | duration |
| Type | number ｜ undefined |
| Default | undefined |
| 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 |
| Description | trueの場合、スピナーのアニメーションは一時停止されます。 |
| 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 | スピナーの色 |
No slots available for this component.