A compact, looped animation giving the user feedback that a process is currently running.
<script src="https://cdn.jsdelivr.net/npm/rainforest-web-components@latest/components/spinner.js" type="module"></script>
<rf-spinner></rf-spinner>
<rf-spinner size="large"></rf-spinner>
<rf-spinner variant="disabled"></rf-spinner>
None
Name | Type | Description | Values | Default | Reflects |
---|---|---|---|---|---|
size |
string |
Specifies the size of the spinner. | normal | big | large |
normal |
✅ |
variant |
string |
Specifies the color variant of the spinner. | normal | disabled | inverted |
normal |
✅ |
None
None
Name | Description |
---|---|
circle |
Inner circle element. |
vector |
Inner svg element. |
None