Persona
A Persona is a visual representation of a person with an avatar. A status can be specified optionally.
Examples
Default
Display a person with his avatar and his status.
Bill Gates
Download:
Text Position
Display a person with his name at the start.
Bill Gates
Download:
Icon
An icon can be displayed instead of an image (in this example, to depict an anonymous user).
Anonymous
Download:
With no image (Default initials)
If no image is specified, the initials of the person are automatically retrieved.
LB
Lydia Bauer
LB
Download:
With no image (Specific initials)
Explicit initials for the person can be defined with the
Initials property.
LY
Lydia Bauer
Download:
Dismiss action
Display a "Dismiss" cross and raise an event.
Bill Gates
Download:
Documentation
FluentPersona Class
Parameters
Name | Type | Default | Description |
|---|---|---|---|
ChildContent | RenderFragment? | Gets or sets the content to display under the FluentPersona.Name. | |
DismissTitle | string? | Gets or sets the title of the dismiss button. | |
Image | string? | Gets or sets the image to display, in replacement of the initials. | |
ImageSize | string? | Gets or sets the size of the image. | |
Initials | string? | Gets or sets the initials to display if no image is provided. By default, the first letters of the FluentPersona.Name is used. | |
Name | string | Gets or sets the name to display. | |
Status | PresenceStatus? | Gets or sets the status to show. See PresenceStatus for options. | |
StatusSize | PresenceBadgeSize | ExtraSmall | Gets or sets the FluentPersona.Status size to use.Default is ExtraSmall. |
StatusTitle | string? | Gets or sets the title to show on hover. If not provided, the status will be used. | |
TextPosition | TextPosition | End | Gets or sets the TextPosition of the text.Default is End. |
EventCallbacks
Name | Type | Description |
|---|---|---|
OnClick | EventCallback<MouseEventArgs> | Gets or sets the event raised when the user clicks on this Persona. |
OnDismissClick | EventCallback | Gets or sets the event raised when the user clicks on the dismiss button. |