🚧 Under Construction

This component documentation is currently being developed. Some features may be incomplete.

Showcase

View in Pattern Lab

HTML Markup

<div class="sg-item-showcase">
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
    <div class="hoo-avatar-pres">
        <div class="hoo-avatar">
            <img src="/htwoo-core/images/mug-shots/astronaut-mugshot-001.jpg" alt="" class="hoo-avatar-img"   loading="lazy">
        </div>
        <div class="hoo-presence is-online" title="Online">
        </div>
    </div>
</div>