PresenceBadge

The FluentPresenceBadge component is used to display a status indicator such as available, away, or busy.

Examples

Available sizes

A presence badge supports Tiny, ExtraSmall, Small, Medium, and Large size. The default size is Small.

Example
Download: 

Default options

A presence badge supports Available, Away, Busy, DoNotDisturb, Offline, OutOfOffice and Unknown status. The default status is Available.

Example
Download: 

Out Of Office options

A presence badge supports Available, Away, Busy, DoNotDisturb, Offline, OutOfOffice and Unknown status when OutOfOffice is set to true.

Example
Download: 

Documentation

FluentPresenceBadge Class

Parameters

Name
Type
Default
Description
ChildContentRenderFragment?
Child content of component, the content that the badge will be applied to.
OutOfOfficebool
False
Modifies the display to indicate that the user is out of office.
This can be combined with any status to display an out-of-office version of that status.
SizePresenceBadgeSize
Small
Gets or sets the FluentPresenceBadge.Status size to use.
Default is Small.
StatusPresenceStatus?
Gets or sets the status to show. See PresenceStatus for options.
StatusTitlestring?
Gets or sets the title to show on hover the status. If not provided, the status will be used.
Titlestring?
Gets or sets the title to show on hover the component.
If not provided, the FluentPresenceBadge.StatusTitle will be used.
Tiny
ExtraSmall
Small
Medium
Large
Busy
OutOfOffice
Away
Available
Offline
DoNotDisturb
Unknown
An error has occurred. This application may no longer respond until reloaded. Reload 🗙