Microsoft.Fast.Components.FluentUI.Emojis에서는 각종 이모지를 제공합니다.
아래 사이트로 들어가면 제공되는 이모지들을 확인할 수 있습니다.
https://iconduck.com/sets/microsoft-fluentui-emoji-set
사용하는 방법입니다.
@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>
결과
다양한 이모지가 있어서 활용도가 높을 것 같습니다.^^
Blazor FluentUI Icon 사용하기 - Microsoft.Fast.Components.FluentUI.Icons (0) | 2024.06.10 |
---|---|
Blazor FluentUI Templates 사용하기 (0) | 2024.06.10 |
Blazor FluentUI 사용하기 - Microsoft.Fast.Components.FluentUI (0) | 2024.06.10 |
C# Blazor LiquidTechnologies ModalDialog 에서 Back Button 클릭 시 Popup 닫기 (1) | 2024.05.15 |
C# Blazor 더블 클릭 방지하기 (0) | 2024.04.23 |