🚧 Under Construction

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

Presence all

View in Pattern Lab

HTML Markup

<div class="hoo-presence is-away" title="Away">
</div>
<div class="hoo-presence is-dnd" title="Do not disturb">
</div>
<div class="hoo-presence is-online" title="Online">
</div>
<div class="hoo-presence is-invisible" title="Invisible">
</div>
<div class="hoo-presence is-oof" title="Out of Office">
</div>

Show the presence information in the following order:

  • away - Away
  • dnd - Do not disturbe
  • online - Online
  • invisible - Invisible
  • off - Out of Office

SCSS Imports

Main Component
@n8d/htwoo-core/components/avatar