primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-25 15:14:59 +03:00
Code Issues Projects Releases Wiki Activity
6b6e89a8bf
css/docs/content/components/loaders.md
Joel Hawksley 6b6e89a8bf
use standard lifecyle milestones for statuses (#1540) 
* use standard lifecyle milestones for statuses

* Create neat-laws-matter.md
2021-08-18 10:07:50 -07:00

879 B
Raw Blame History

title path status source bundle
Loaders components/loaders Beta https://github.com/primer/css/tree/main/src/loaders loaders

Loaders inform users that an action is still in progress and might take a while to complete.

Animated ellipsis

Add an animated ellipsis at the end of text with <span class="AnimatedEllipsis"></span>.

<span>Loading</span><span class="AnimatedEllipsis"></span>

It can also be used in combination with other components.

<h2><span>Loading</span><span class="AnimatedEllipsis"></span></h2>
<span class="branch-name mt-2"><span>Loading</span><span class="AnimatedEllipsis"></span></span><br>
<span class="Label mt-3"><span>Loading</span><span class="AnimatedEllipsis"></span></span><br>
<button class="btn mt-3" aria-disabled="true"><span>Loading</span><span class="AnimatedEllipsis"></span></button>