BlazorExpress.Bulma.Docx/BlazorExpress.Bulma.Docx/Components/WebsiteNavbar.razor at 12d49ecbf2814c2885521d744a70e54a73714e29 · BlazorExpress/BlazorExpress.Bulma.Docx · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
@namespace BlazorExpress.Bulma.Docx
@inherits BulmaComponentBase

<Navbar Class="px-3" HasShadow="true">
    <NavbarBrand>
        <NavbarItem Href="/" IsHoverable="false">
            @if (!string.IsNullOrWhiteSpace(BrandImgSrc))
            {
                <img src="@BrandImgSrc" alt="@BrandImgAltText" />
            }
            @if (!string.IsNullOrWhiteSpace(ApplicationName))
            {
                <span class="ml-2 is-size-5 has-text-weight-bold">@ApplicationName</span>
            }
        </NavbarItem>

        <NavbarBurger TargetId="navbarBasicExample1" IsActive="navbarMenuActive" ActiveStateChanged="ToggleNavbarMenu">
            <i class="bi bi-three-dots-vertical"></i>
        </NavbarBurger>
    </NavbarBrand>

    <NavbarMenu Id="navbarBasicExample1" IsActive="navbarMenuActive">
        <NavbarStart>
            <NavbarItem Class="mr-1" Href="/docs">
                <i class="bi bi-file-text-fill has-text-link mr-2"></i>Docs
            </NavbarItem>
            <NavbarItem Class="mr-1" Href="/demos">
                <i class="bi bi-display-fill has-text-primary mr-2"></i>Demos
            </NavbarItem>
            @* <NavbarItem Href="/blog">
                <i class="bi bi-newspaper has-text-warning mr-2"></i>Blog
            </NavbarItem> *@
        </NavbarStart>
        <NavbarEnd>
            <NavbarItem Class="mr-1" Href="@GithubUrl" target="_blank">
                <i class="bi bi-github"></i>
                <small class="is-hidden-desktop ml-2">GitHub</small>
            </NavbarItem>
            <NavbarItem Class="mr-1" Href="@TwitterUrl" target="_blank">
                <i class="bi bi-twitter-x"></i>
                <small class="is-hidden-desktop ml-2">Twitter</small>
            </NavbarItem>
            <NavbarItem Href="@LinkedInUrl" target="_blank">
                <i class="bi bi-linkedin"></i>
                <small class="is-hidden-desktop ml-2">LinkedIn</small>
            </NavbarItem>
            <NavbarItem Type="NavbarItemType.Div">
                <span class="tag is-link">@Version</span>
            </NavbarItem>

            <NavbarItem Type="NavbarItemType.Div" HasDropdown="true">
                <NavbarLink Class="be-bulma-theme-indicator"><i class="bi bi-sun"></i></NavbarLink>
                <NavbarDropdown Position="NavbarDropdownPosition.Right">
                    <NavbarItem Class="be-bulma-theme-item is-clickable" Type="NavbarItemType.Link" data-scheme="light" @onclick="SetLightTheme"><i class="bi bi-sun mr-2"></i>Light</NavbarItem>
                    <NavbarItem Class="be-bulma-theme-item is-clickable my-1" Type="NavbarItemType.Link" data-scheme="dark" @onclick="SetDarkTheme"><i class="bi bi-moon-stars-fill mr-2"></i>Dark</NavbarItem>
                    <NavbarItem Class="be-bulma-theme-item is-clickable" Type="NavbarItemType.Link" data-scheme="system" @onclick="SetAutoTheme"><i class="bi bi-circle-half mr-2"></i>Auto</NavbarItem>
                </NavbarDropdown>
            </NavbarItem>

        </NavbarEnd>
    </NavbarMenu>
</Navbar>