--- schema_version: "1" id: 1ba3cf876fdcbb49e086893ddf6c283549b150cfdbf96c8b58eaf9ba7b461f73 title: Spinner Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_spinner_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_spinner_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 4cac0505e76ea59f8e86213dc34d400440166d24f99d3875d8f5a63da7cf05f2 description: For the managed package runtime, this page contains a Spinner LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # Spinner Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains a Spinner LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## 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 ``` ``` ## 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 ``` ``` ## 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.
## Example c-spinner Component ``` ```