Spinner
<gstock-spinner>
|
GstockSpinner
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
determinate
|
When true, percentage is ignored and the progress bar is drawn in an indeterminate state. Use the value to set the quantity of bar that you want to see will moving. |
|
boolean
|
false
|
label
|
A custom label for assistive devices. |
string
|
''
|
|
value
|
The current progress as a percentage, 0 to 100. |
|
number
|
25
|
size
|
The size of the spinner. |
|
'small' | 'medium' | 'large'
|
'medium'
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
default
|
A label to show inside the ring. |
Learn more about slots .
Custom Properties
| Name | Description | Default |
|---|---|---|
--track-width
|
The width of the track. | |
--indicator-transition-duration
|
The duration of the indicator transition. | |
--percentage
|
The percentage of the progress bar. |
Learn more about custom properties .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
label
|
The spinner label. |
Learn more about CSS parts .