Skip to main content

BwPage | bw-page

Overview

The page component is meant to be the root element of the application. It provides landmark styles. It does not use the shadow dom.

Properties

PropertyAttributeDescriptionTypeDefault
footerfooterSticky will make the footer stick to the bottom of the page. Static will make it scroll with the body."static" | "sticky"'static'
leftPanelleft-panelControls the state of the left panel"closed" | "minimized" | "open"'closed'
rightPanelright-panelControls the state of the right panel"closed" | "minimized" | "open"'closed'

CSS Custom Properties

NameDescription
--footer-heightThe height of the footer
--header-heightThe height of the header
--left-sidepanel-borderThe right border of the left sidepanel
--left-sidepanel-minimized-widthThe width of the left side panel whenever it's state is minimized
--left-sidepanel-open-widthThe width of the left side panel whenever it's state is open
--paddingThe padding of the page
--panel-bottomThe bottom of the panel
--right-sidepanel-borderThe left border of the right side panel
--right-sidepanel-minimized-widthThe width of the right side panel whenever it's state is minimized
--right-sidepanel-open-widthThe width of the right side panel whenever it's state is open

© 2025 United Systems & Software - All Rights Reserved.