Sections

Activity indicator

Stacks provides a small jewel for indicating new activity.

Classes

Class	Applied to	Description
`.s-activity-indicator`	N/A	Base activity indicator element

Examples

Section titled Examples

By default, our indicator has no positioning attached to it. Depending on your context, you can modify the activity indicator’s positioning using any combination of atomic classes. Since our activity indicator has no inherent semantic meaning, make sure to include visually-hidden, screenreader-only text.

<div class="s-activity-indicator">
    <div class="v-visible-sr">New activity</div>
</div>

<div class="ps-relative">
    <div class="s-activity-indicator ps-absolute tn6 ln6">
        <div class="v-visible-sr">New activity</div>
    </div>
</div>

New activity

Grayson

New activity

Edit on GitHub