Spinner
<gstock-spinner>
|
GstockSpinner
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
size
|
The size of the spinner. Possible values are ‘small’ (16px), ‘medium’ (60px), and ‘large’ (92px). |
|
'small' | 'medium' | 'large'
|
'medium'
|
value
|
The current progress as a percentage, 0 to 100. |
|
number
|
35
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Custom Properties
| Name | Description | Default |
|---|---|---|
--indicator-transition-duration
|
The duration of the indicator transition when value changes. |
Learn more about custom properties .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
svg
|
The component’s SVG element. |
track
|
The spinner track, which represents the background circle. |
indicator
|
The spinner indicator, which represents the progress circle. |
Learn more about CSS parts .