Table of Contents

Class TwSidebarTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Theme configuration for the sidebar component (TwSidebar). Override any property to customize sidebar styles globally.

[ExcludeFromCodeCoverage]
public class TwSidebarTheme
Inheritance
TwSidebarTheme
Inherited Members

Constructors

TwSidebarTheme()

public TwSidebarTheme()

Properties

MainContent

Gets or sets the classes for the main content area beside the sidebar.

public required string MainContent { get; set; }

Property Value

string

MainContentRoot

Gets or sets the classes for the root element wrapping the main content area.

public required string MainContentRoot { get; set; }

Property Value

string

MobileClosed

Gets or sets the classes applied to the sidebar drawer when closed on a mobile viewport.

public required string MobileClosed { get; set; }

Property Value

string

MobileOpen

Gets or sets the classes applied to the sidebar drawer when open (mobile) or always (desktop).

public required string MobileOpen { get; set; }

Property Value

string

MobileOverlay

Gets or sets the classes for the mobile backdrop overlay shown behind an open sidebar drawer.

public required string MobileOverlay { get; set; }

Property Value

string

Navbar

Gets or sets the classes for the top navbar.

public required string Navbar { get; set; }

Property Value

string

NavbarActions

Gets or sets the classes for the navbar actions slot.

public required string NavbarActions { get; set; }

Property Value

string

NavbarBrand

Gets or sets the classes for the navbar brand slot.

public required string NavbarBrand { get; set; }

Property Value

string

NavbarContent

Gets or sets the classes for the navbar's inner layout container.

public required string NavbarContent { get; set; }

Property Value

string

NavbarFixedInset

Gets or sets the extra inset classes for a Fixed navbar, layered on top of the shared "fixed" position and "top-0" inset.

public required string NavbarFixedInset { get; set; }

Property Value

string

Gets or sets the classes for navbar navigation links.

public required string NavbarLink { get; set; }

Property Value

string

NavbarLinkActive

Gets or sets the classes for the active navbar navigation link.

public required string NavbarLinkActive { get; set; }

Property Value

string

NavbarMobileMenu

Gets or sets the classes for the mobile dropdown panel shown when the responsive menu is open.

public required string NavbarMobileMenu { get; set; }

Property Value

string

Remarks

Should include a background that matches (or complements) Navbar so that NavbarLink's text color stays legible against it.

NavbarNavigation

Gets or sets the classes for the navbar navigation slot.

public required string NavbarNavigation { get; set; }

Property Value

string

NavbarNavigationExpanded

Gets or sets the classes for the navigation slot when DisableResponsiveCollapse is set, so it always fills the available width instead of collapsing into the mobile menu.

public required string NavbarNavigationExpanded { get; set; }

Property Value

string

NavbarNavigationResponsive

Gets or sets the responsive (desktop, "lg:") layout classes for the navbar's navigation slot, used unless DisableResponsiveCollapse is set.

public required string NavbarNavigationResponsive { get; set; }

Property Value

string

NavbarToggle

Gets or sets the classes for the navbar menu toggle.

public required string NavbarToggle { get; set; }

Property Value

string

NavbarToggleIcon

Gets or sets the classes for the drawer-toggle icon itself, inside NavbarToggle.

public required string NavbarToggleIcon { get; set; }

Property Value

string

NavigationDropdownContainer

Gets or sets the classes for the dropdown container that holds a navigation item's nested items.

public required string NavigationDropdownContainer { get; set; }

Property Value

string

NavigationDropdownContainerDeep

Gets or sets the classes layered on top of NavigationDropdownContainer for the collapsible child container of a group nested three levels deep.

public required string NavigationDropdownContainerDeep { get; set; }

Property Value

string

Remarks

Adds a guide rail and extra indentation connecting the open group visually to its own children, in the same accent used by NavigationItemActiveLevelDeep.

NavigationGroupRailDeep

Gets or sets the classes applied to the wrapper spanning a parent item's own toggle button and its collapsible child container, when that parent's children are nested three levels deep.

public required string NavigationGroupRailDeep { get; set; }

Property Value

string

Remarks

Extends the guide rail from NavigationDropdownContainerDeep upward so it runs the full height of the group, including the parent's own row, rather than starting only where the children begin.

NavigationItemActive

Gets or sets the classes applied to the currently active navigation item.

public required string NavigationItemActive { get; set; }

Property Value

string

NavigationItemActiveLevelDeep

Gets or sets the classes layered on top of NavigationItemActive for an open parent item nested three levels deep (e.g. a group nested inside another nested group under a top-level category).

public required string NavigationItemActiveLevelDeep { get; set; }

Property Value

string

NavigationItemBase

Gets or sets the base classes applied to every navigation item.

public required string NavigationItemBase { get; set; }

Property Value

string

NavigationItemToggleIcon

Gets or sets the transition classes for a parent navigation item's chevron icon, which rotates between the collapsed/expanded states.

public required string NavigationItemToggleIcon { get; set; }

Property Value

string

NavigationItemToggleLabel

Gets or sets the classes for a parent navigation item's own label span, pushing its trailing chevron icon to the end of the row.

public required string NavigationItemToggleLabel { get; set; }

Property Value

string

NavigationList

Gets or sets the classes for the scrollable list of navigation items beneath the sidebar's optional header/search.

public required string NavigationList { get; set; }

Property Value

string

Sidebar

Gets or sets the classes for the sidebar panel itself.

public required string Sidebar { get; set; }

Property Value

string

Gets or sets the classes for the "skip to main content" link, visible only while focused.

public required string SkipLink { get; set; }

Property Value

string