UNPKG

@rhds/elements

Version:

Red Hat Design System Elements

26 lines (19 loc) • 541 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# Spinner Spinner consists of an animated circle and sometimes a text label, and it indicates that a section is loading. ## Usage Use spinner when the content of the loading section can’t be represented by a skeleton. Avoid using spinner when loading will likely take longer than 10 seconds. ### Default/Large Spinner ```html <rh-spinner></rh-spinner> ``` ### Medium Spinner ```html <rh-spinner size="md"></rh-spinner> ``` ### Small Spinner ```html <rh-spinner size="sm"></rh-spinner> ``` ### Slot There's one slot for loading text.