You are here:
Spinner Lightning Web Component ReadMe (Managed Package)
For the managed package runtime, this page contains a Spinner LWC ReadMe for each Vlocity release.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
Vlocity Insurance and Health Summer '20
The Spinner Lightning Web Component displays an animated image that indicates a feature is loading. You can display this component when retrieving data or when an operation takes time to complete.
Available c-spinner Attributes
Attribute |
Value |
Type |
Required |
Description |
|---|---|---|---|---|
alternative-text |
string |
Adds alternative text that describes the purpose for the wait. |
||
extraclass |
string |
Adds a class to the parent of the input element. To add multiple classes, use a space to separate each class, such as 'classone classtwo'. |
||
extraouterclass |
string |
Adds a class to the outer container of the spinner element. To add multiple classes, use a space to separate each class, such as 'classone classtwo'. You can add a class with this attribute to increase background color opacity. |
||
messageclass |
string |
Adds class to the message displayed underneath the spinner. |
||
message |
string |
Adds a message displayed underneath the spinner. |
||
size |
small, medium, large (Default: small) |
string |
Sets the size of the spinner. |
|
theme |
slds, nds (Default: slds) |
string |
Defines the styles that is used on the element. slds or nds. |
|
variant |
base, brand, inverse |
string |
Changes the appearance of the spinner. |
Example c-spinner Component
<c-spinner
variant="inverse"
alternative-text="Loading content..."
size="medium"
></c-spinner>Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20
The Spinner Lightning Web Component displays an animated image that indicates a feature is loading. You can display this component when retrieving data or when an operation takes time to complete.
Available c-spinner Attributes
Attribute |
Value |
Type |
Required |
Description |
|---|---|---|---|---|
alternative-text |
string |
Adds alternative text that describes the purpose for the wait. |
||
extraclass |
string |
Adds a class to the parent of the input element. To add multiple classes, use a space to separate each class, such as 'classone classtwo'. |
||
extraouterclass |
string |
Adds a class to the outer container of the spinner element. To add multiple classes, use a space to separate each class, such as 'classone classtwo'. You can add a class with this attribute to increase background color opacity. |
||
size |
small, medium, large (Default: medium) |
string |
Sets the size of the spinner. |
|
theme |
slds, nds (Default: slds) |
string |
Defines the styles that is used on the element. slds or nds. |
|
variant |
base, brand, inverse (Default: base) |
string |
Changes the appearance of the spinner. |
Example c-spinner Component
<c-spinner
variant="inverse"
alternative-text="Loading content..."
size="medium"
></c-spinner>Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19
The Spinner Lightning Web Component displays an animated image that indicates a feature is loading. You can display this component when retrieving data or when an operation takes time to complete.
Available c-spinner Attributes
Attribute |
Value |
Type |
Required |
Description |
|---|---|---|---|---|
alternative-text |
string |
Adds alternative text that describes the purpose for the wait. |
||
extraclass |
string |
Adds a class to the parent of the input element. To add multiple classes, use a space to separate each class, such as `classone classtwo'. |
||
extraouterclass |
string |
Adds a class to the outer container of the spinner element. To add multiple classes, use a space to separate each class, such as `classone classtwo'. You can add a class with this attribute to increase background color opacity. |
||
size |
small, medium, large (Default: medium) |
string |
Sets the size of the spinner. |
|
theme |
slds, nds (Default: slds) |
string |
Defines the styles that is used on the element. slds or nds. |
|
variant |
base, brand, inverse (Default: base) |
string |
Changes the appearance of the spinner. |
