# syn-spinner

## Summary

Spinners are used to show the progress of an indeterminate operation.

## Documentation

- [Component Documentation](https://synergy-design-system.github.io/?path=/docs/components-syn-spinner--docs)
- [Figma Examples](https://www.figma.com/file/bZFqk9urD3NlghGUKrkKCR/Synergy-Digital-Design-System?type=design&node-id=41227-223775)
- [Figma Component](https://www.figma.com/design/bZFqk9urD3NlghGUKrkKCR/Synergy-Digital-Design-System?node-id=17016-71772)

## Class Information

- **Tag Name:** `syn-spinner`
- **Import Example:** `import SynSpinner from '@synergy-design-system/components/components/spinner/spinner.js';`

## Usage Information

- **Status:** stable
- **Since:** 1.22.0

## Available CSS Parts

- `base`: The component's base wrapper.
