You can customize the size and color of the spinner with the provided properties. Spinner comes in three sizes: small, medium and large.
<duet-spinner size="small" color="color-primary"></duet-spinner>
<duet-spinner size="medium" color="color-primary"></duet-spinner>
<duet-spinner size="large" color="color-primary"></duet-spinner>
| || ||Adds accessible label for the spinner that is only shown for screen readers.|| || |
| || ||Color of the spinner, as a design token entered in camelCase or kebab-case. Example: "color-primary".|| || |
| || ||Size variation of the spinner. Can be one of: "small", "medium", "large".|| || |
Used by #
duet-button --> duet-spinner
style duet-spinner fill:#f9f,stroke:#333,stroke-width:4px
Follow these practical tutorials to learn how to build simple page layouts using Duet’s CSS Framework, Web Components and other features:
Using CLI ToolsTutorials
Creating Custom PatternsTutorials
Server Side RenderingTutorials
If you experience any issues while using a component, please head over to the Support page for more guidelines and help.