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.