@n8d/htwoo-patterns/_patterns/atoms/avatar/presence.md

hTWOo Patterns to setup custom style guide

---
title: Presence
---

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](/?p=atoms-presence-all),

### SCSS Imports

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

***