diff options
Diffstat (limited to 'site/content/docs/5.3/components/spinners.md')
| -rw-r--r-- | site/content/docs/5.3/components/spinners.md | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/site/content/docs/5.3/components/spinners.md b/site/content/docs/5.3/components/spinners.md index f2635c6..977257d 100644 --- a/site/content/docs/5.3/components/spinners.md +++ b/site/content/docs/5.3/components/spinners.md @@ -96,8 +96,8 @@ Use [flexbox utilities][flex], [float utilities][float], or [text alignment][tex {{< example >}} <div class="d-flex align-items-center"> - <strong>Loading...</strong> - <div class="spinner-border ms-auto" role="status" aria-hidden="true"></div> + <strong role="status">Loading...</strong> + <div class="spinner-border ms-auto" aria-hidden="true"></div> </div> {{< /example >}} @@ -151,23 +151,23 @@ Use spinners within buttons to indicate an action is currently processing or tak {{< example >}} <button class="btn btn-primary" type="button" disabled> - <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> - <span class="visually-hidden">Loading...</span> + <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> + <span class="visually-hidden" role="status">Loading...</span> </button> <button class="btn btn-primary" type="button" disabled> - <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> - Loading... + <span class="spinner-border spinner-border-sm" aria-hidden="true"></span> + <span role="status">Loading...</span> </button> {{< /example >}} {{< example >}} <button class="btn btn-primary" type="button" disabled> - <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> - <span class="visually-hidden">Loading...</span> + <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span> + <span class="visually-hidden" role="status">Loading...</span> </button> <button class="btn btn-primary" type="button" disabled> - <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> - Loading... + <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span> + <span role="status">Loading...</span> </button> {{< /example >}} |