Navbar


This documentation provides a comprehensive reference for the Navbar component, guiding you through its configuration options.

Demos

Screenshot #

Blazor Navbar Component

Navbar Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color NavbarColor None Gets or sets the color. 1.0.0
HasShadow bool False If true, adds a small amount of box-shadow around the navbar. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsSpaced bool False If true, sets Top and Bottom paddings with 1rem, Left and Right paddings with 2rem. 1.0.0
IsTransparent bool False If true, this will remove any hover or active background color from the navbar. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarBrand Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarMenu Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsActive bool False Gets or sets the active state. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarStart Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarEnd Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarItem Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
HasDropdown bool False Gets or sets the dropdown state. 1.0.0
Href string null Gets or sets the href attribute to the link. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsHoverable bool True Gets or sets the dropdown item hoverable state. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Type NavbarItemType Link Gets or sets the navbar item type. 1.0.0

NavbarLink Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Href string null Gets or sets the href attribute to the link. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

NavbarDropdown Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Position NavbarDropdownPosition Left Gets or sets the navbar dropdown position. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.