Blazor Bootstrap 1.10.2 Release

[파란매]

https://demos.getblazorbootstrap.com/

블레이저 전용 부트 스트랩이 있었나보군요

설치

Install-Package Blazor.Bootstrap -Version 1.10.2

@inherits LayoutComponentBase

<div class="bb-page">

    <Sidebar @ref="sidebar"
             IconName="IconName.BootstrapFill"
             Title="Blazor Bootstrap"
             DataProvider="SidebarDataProvider" />

    <main>
        <div class="bb-top-row px-4 d-flex justify-content-end">
            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
        </div>

        <article class="content px-4">
            <div class="py-2">
                @Body
            </div>
        </article>
    </main>

</div>

@code {
    private Sidebar sidebar = default!;
    private IEnumerable<NavItem> navItems = default!;

    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)
    {
        if (navItems is null)
            navItems = GetNavItems();

        return await Task.FromResult(request.ApplyTo(navItems));
    }

    private IEnumerable<NavItem> GetNavItems()
    {
        navItems = new List<NavItem>
        {
            new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},
            new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},
            new NavItem { Id = "3", Href = "/fetchdata", IconName = IconName.Table, Text = "Fetch Data"},
        };

        return navItems;
    }
}

써보지 않았는데 블레이저에 bootsrap 관련해서 관심이 많은것 같아서 공유 드립니다.
Code도 상대적으로 깔끔해보이고 무엇보다 퍼블리셔 코드를 거의 그대로 사용할수있지않나 싶습니다.

[CODE_REAPER]

Blazor에 기본적으로 Bootstrap이 포함되어 있는데
그것과는 다른 프로젝트…로 보이네요?
일단 Docs 보기좋아서 합격…!

[BigSquare]

전반적으로 쭉 훑어 봤는데

C# 코드와 궁합이 매우 좋은 것 같습니다.
그냥 BootStrap 보다는 훨씬 나아 보입니다.