Microsoft Fluent UI Emoji's for Blazor

:star: We appreciate your star, it helps!

Introduction

The Microsoft.FluentUI.AspNetCore.Components package provides a set of Blazor components which you can use to build applications that have the look and feel or modern Microsoft applications.

This library wraps the official Microsoft Fluent UI Emoji library and offers a way to make the emoji usable in projects that use the Microsoft Fluent UI Blazor library.

Getting Started

To get started using the Fluent UI Emoji's for Blazor, you will first need to install the official Nuget package in the project you would like to use the library and components. You can use the following command:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Emoji

Usage

To use the emoji's, you will need to add the following using statement to your _Imports.razor file:

@using Microsoft.FluentUI.AspNetCore.Components.Emoji

Then you can use the emoji's in your Blazor components like this:

Note: Names are structured as follows: Emojis.[EmojiGroup].[EmojiStyle].[EmojiSkintone].[EmojiName].

<FluentSystemEmoji Emoji="@(Emojis.PeopleBody.Color.Default.Artist)" />

List of emoji's and additional resources

The Microsoft Fluent UI Blazor components documentation and demo site

Joining the Community

Looking to get answers to questions or engage with us in real-time? Our community is active on Gitter and Discord. Submit requests and issues on , or join us by contributing on .