Spinner
On this page
On this page
Spinner
import '@rhds/elements/rh-spinner/rh-spinner.js';
```<rh-spinner></rh-spinner>
```Color Context
import '@rhds/elements/rh-spinner/rh-spinner.js';
import '@rhds/elements/lib/elements/rh-context-demo/rh-context-demo.js';
```<rh-context-demo>
<rh-spinner>
<p>Loading...</p>
</rh-spinner>
<rh-spinner size="md">
<p>Loading...</p>
</rh-spinner>
<rh-spinner size="sm">
<p>Loading...</p>
</rh-spinner>
</rh-context-demo>
```Size Medium
import '@rhds/elements/rh-spinner/rh-spinner.js';
```<rh-spinner size="md"></rh-spinner>
```Size Small
import '@rhds/elements/rh-spinner/rh-spinner.js';
```<rh-spinner size="sm"></rh-spinner>
```With Text Label
import '@rhds/elements/rh-spinner/rh-spinner.js';
```<rh-spinner>
<p>Loading...</p>
</rh-spinner>
<rh-spinner size="md">
<p>Loading...</p>
</rh-spinner>
<rh-spinner size="sm">
<p>Loading...</p>
</rh-spinner>
```Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
