🚧 Under Construction

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

Presence

View in Pattern Lab

HTML Markup

<div class="hoo-presence is-online" title="Online">
</div>

This prescence bubble is used to indicate a persons availability status expecially on avatars. The following status are defined:

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

For visual appearance check out Presence All,

SCSS Imports

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