BrandUI Sub nav - PrimerBlazor

Basic SubNav

<PrimerBrandSubNav Heading="Features"
                    HasShadow="true"
                    PrimaryActionText="CTA"
                    PrimaryActionHref="#"
                    Items="@NavItems" />

SubNav Options

Available options for PrimerBrandSubNav

Name	Description	Default Value	CSS Class
Heading	Main heading of the sub navigation	"Features"	SubNav__heading
HeadingHref	Link target for the heading	"#"	SubNav__heading
HasShadow	Applies a bottom shadow to the navbar	false	SubNav--has-shadow
Items	List of menu items and optional children	[]	SubNav__link / __sub-menu
PrimaryActionText	Label for the CTA button	null	SubNav__action
PrimaryActionHref	Link for the CTA button	null	SubNav__action

private List<SubNavItem> NavItems = new()
{
    new() { Text = "Actions", Href = "#" },
    new() { Text = "Packages", Href = "#" },
    new() { Text = "Copilot", Href = "#", IsActive = true },
    new() { Text = "Code review", Href = "#" },
    new()
    {
        Text = "More",
        Children = new List<SubNavItem>
        {
            new() { Text = "Security", Href = "#" },
            new() { Text = "Insights", Href = "#" },
            new() { Text = "Settings", Href = "#" }
        }
    }
};