React.ReactNode
SideBarProps
title
: Sidebar titleitems
: Array of menu itemsopen
: Whether the sidebar is expandedonOpenChange
: Callback for expansion state changesonItemSelect
: Callback for menu item selectioncurrent
: Currently selected menu itemmaxWidth
: Maximum width when expanded (default: 185px)minWidth
: Minimum width when collapsed (default: 98px)React.ReactNode
MainNavWidgetProps
leading
: Content on the left side of the navigation bartrailing
: Content on the right side of the navigation barlogo
: Brand logo configurationmainMenus
: Array of main menu itemscampaigns
: Campaign menu itemcampaignPosition
: Campaign menu positioninitialProduct
: Initial productinitialMenu
: Initial menu pathonItemClick
: Menu item click callbackBottomNavProps
mainMenus
: Array of bottom menu itemsReact.ReactNode
FooterProps
telegramUrl
: Telegram linktwitterUrl
: Twitter linkdiscordUrl
: Discord linktrailing
: Content on the right side of the footerRouterAdapter
onRouteChange
: Route change handler functioncurrentPath
: Current pathroot
: Root container (topNavbar + container + footer)container
: Main containercontent
: Content areabody
: Body area (leftSidebar + content)leftSidebar
: Left sidebartopNavbar
: Top navigation barfooter
: FooterrouterAdapter
to ensure navigation functionality works properlybottomNavProps
configuration for mobile devicesclassNames
property for style customization instead of directly modifying component stylescurrent
property is synchronized with actual route stateScaffoldProvider
to work properly (automatically handled internally)ScaffoldProvider
: Provides Scaffold contextuseScaffoldContext
: Hook to get Scaffold stateMobileScaffold
: Mobile layout componentDesktopScaffold
: Desktop layout component