Blazor FluentUI Emoji 사용하기 - Microsoft.Fast.Components.FluentUI.Emojis

Blazor FluentUI Emoji 사용하기 - Microsoft.Fast.Components.FluentUI.Emojis

 

Microsoft.Fast.Components.FluentUI.Emojis에서는 각종 이모지를 제공합니다.

아래 사이트로 들어가면 제공되는 이모지들을 확인할 수 있습니다.
https://iconduck.com/sets/microsoft-fluentui-emoji-set

Microsoft Fluent UI Emoji Set – Emoji Set – Iconduck

 
사용하는 방법입니다.

1. 'Microsoft.Fast.Components.FluentUI.Emojis'  Nuget 패키지 설치

 

2.  화면에서 사용

@page "/"

@using Microsoft.Fast.Components.FluentUI

<FluentLayout Style="margin-top: 10px;">

    <h3>▶ FluentEmoji</h3>
    <FluentCard Style="margin: 10px;">
        <FluentEmoji Emoji="@(Emojis.PeopleBody.Color.Default.Artist)" />
        <FluentEmoji Emoji="@(Emojis.PeopleBody.Flat.Default.Artist)" />
        <FluentEmoji Emoji="@(Emojis.PeopleBody.HighContrast.Default.Artist)" />
        <FluentEmoji Emoji="@(Emojis.PeopleBody.Color.Dark.Artist)" />
    <br/>
        <FluentEmoji Emoji="@(Emojis.TravelPlaces.Color.Default.Airplane)" />
        <FluentEmoji Emoji="@(Emojis.TravelPlaces.Flat.Default.HourglassNotDone)" />
        <FluentEmoji Emoji="@(Emojis.TravelPlaces.HighContrast.Default.Fire)" />
        <FluentEmoji Emoji="@(Emojis.TravelPlaces.Color.Default.Houses)" />

    <br />
    </FluentCard>
    

</FluentLayout>

 
결과

다양한 이모지가 있어서 활용도가 높을 것 같습니다.^^