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
MainContentRoot
Gets or sets the classes for the root element wrapping the main content area.
public required string MainContentRoot { get; set; }
Property Value
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
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
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
Navbar
Gets or sets the classes for the top navbar.
public required string Navbar { get; set; }
Property Value
NavbarActions
Gets or sets the classes for the navbar actions slot.
public required string NavbarActions { get; set; }
Property Value
NavbarBrand
Gets or sets the classes for the navbar brand slot.
public required string NavbarBrand { get; set; }
Property Value
NavbarContent
Gets or sets the classes for the navbar's inner layout container.
public required string NavbarContent { get; set; }
Property Value
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
NavbarLink
Gets or sets the classes for navbar navigation links.
public required string NavbarLink { get; set; }
Property Value
NavbarLinkActive
Gets or sets the classes for the active navbar navigation link.
public required string NavbarLinkActive { get; set; }
Property Value
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
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
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
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
NavbarToggle
Gets or sets the classes for the navbar menu toggle.
public required string NavbarToggle { get; set; }
Property Value
NavbarToggleIcon
Gets or sets the classes for the drawer-toggle icon itself, inside NavbarToggle.
public required string NavbarToggleIcon { get; set; }
Property Value
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
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
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
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
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
NavigationItemBase
Gets or sets the base classes applied to every navigation item.
public required string NavigationItemBase { get; set; }
Property Value
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
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
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
Sidebar
Gets or sets the classes for the sidebar panel itself.
public required string Sidebar { get; set; }
Property Value
SkipLink
Gets or sets the classes for the "skip to main content" link, visible only while focused.
public required string SkipLink { get; set; }