@page "/ant-design-icon"
@inject IStringLocalizer<AntDesignIcons> Localizer
@inherits BootstrapIconBase

<h3>@Localizer["AntDesignIconTitle"]</h3>

<h4>@Localizer["AntDesignIconDescription"]</h4>

<PackageTips Name="BootstrapBlazor.AntDesignIcon" />

<Tips class="mt-3">
    <ul class="ul-demo">
        <li>@Localizer["P1"]</li>
        <li>@Localizer["P2"]</li>
    </ul>
    <div>@Localizer["P3"]</div>
</Tips>

<Pre>&lt;link href="_content/BootstrapBlazor.AntDesignIcon/BootstrapBlazor.AntDesignIcon.bundle.scp.css" rel="stylesheet"&gt;</Pre>

<Pre>&lt;AntDesignIcon Category="AntDesignIconCategory.Outlined" Name="github"&gt;&lt;/AntDesignIcon&gt;</Pre>

<div>@((MarkupString)Localizer["Icons"].Value)</div>

<p class="code-label mt-3">Outlined</p>
<div id="@Id" class="list">
    <div class="icon-list">
        <AntDesignIconListOutlined></AntDesignIconListOutlined>
    </div>

    <p class="code-label mt-3">Filled</p>
    <div class="icon-list">
        <AntDesignIconListFilled></AntDesignIconListFilled>
    </div>

    <p class="code-label mt-3">TwoTone</p>
    <div class="icon-list">
        <AntDesignIconListTwoTone></AntDesignIconListTwoTone>
    </div>
</div>
