ant-design-blazor/components/switch/Switch.razor

@namespace AntDesign
@inherits AntInputComponentBase<bool>

<button type="button" role="switch"
        aria-checked="@(_isChecked?"true":"false")"
        disabled="@Disabled"
        class="@ClassMapper.Class"
        style="@Style"
        ant-click-animating="@(_clickAnimating?"true":"false")"
        @onmouseover="HandleMouseOver"
        @onmouseout="HandleMouseOut"
        @onclick="HandleClick">
    @if (Loading)
    {
        <Icon Type="loading" Class="@($"{_prefixCls}-loading-icon")" />
    }
    <div class="@($"{_prefixCls}-handle")"></div>
    <span class="@($"{_prefixCls}-inner")">
        @if (_isChecked)
        {
            if (CheckedChildren.IsT0)
            {
                @(CheckedChildren.AsT0)
            }
            else
            {
                @(CheckedChildren.AsT1)
            }
        }
        else
        {
            if (UnCheckedChildren.IsT0)
            {
                @(UnCheckedChildren.AsT0)
            }
            else
            {
                @(UnCheckedChildren.AsT1)
            }
        }
    </span>

    <!--animation-->
    @if (_isChecked)
    {
        <div class="ant-click-animating-node"></div>
    }
    else
    {
        <div class="ant-click-animating-node"></div>
    }
</button>