Spinner Component
Display spinner.
Properties
| Name | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'primary' | 'inverse' | 'primary' | Specifies the spinner color. Acceptable values are primary and inverse. |
size | 'small' | 'medium' | 'large' | 'medium' | The size of the spinner. |
CSS Parts
| Name | Description |
|---|---|
svg | The svg tag that represents spinner component. |
Check this link to learn how to use CSS parts for Spinner Component.
CSS Properties
| Token | Default | Description |
|---|---|---|
--tap-spinner-color-primary | --tap-sys-color-surface-black | - |
--tap-spinner-color-inverse | --tap-sys-color-surface-white | - |
--tap-spinner-sm-size | --tap-sys-spacing-7 | - |
--tap-spinner-md-size | --tap-sys-spacing-8 | - |
--tap-spinner-lg-size | --tap-sys-spacing-10 | - |
--tap-spinner-padding | --tap-sys-spacing-2 | - |