Skip to content
Magma Design System
Header<mds-header>Generated from @maggioli-design-system/magma@2.3.0dist/documentation.json. Encapsulation: shadow.
CSS custom properties
--mds-header-backdrop-background-imageSets the background-image of the backdrop element visibile when the component attribute appearance is set to inline, by default is shown when mds-pref-consumtion is set to medium
--mds-header-backdrop-blur-strengthSets the blur strength of the backdrop element visibile when the component attribute appearance is set to inline, by default is shown when mds-pref-consumtion is set to high
--mds-header-backdrop-heightSets the height of the backdrop element visibile when the component attribute appearance is set to inline
--mds-header-backdrop-showSets if the backdrop element is visible or not, only visible when the component attribute appearance is set to inline
--mds-header-colorSets the text color of the header and the mobile toggler icon
--mds-header-hidden-bar-translate-inlineSets translateY value for the appearance inline mds-header-bar element
--mds-header-hidden-bar-translate-stripeSets translateY value for the appearance stripe mds-header-bar element
--mds-header-icon-colorSets the color of the icon toggler
--mds-header-inline-marginSets inline margin of the mds-header-bar when attribute appearance is set to inline
--mds-header-inline-margin-mobileSets inline margin on mobile viewport of the mds-header-bar when attribute appearance is set to inline
--mds-header-z-indexSets the z-index of the modal
Parts
menuThe container element of the modal