6.6.1 • Published 21 days ago
@maggioli-design-system/mds-header v6.6.1
mds-header
This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
menu | menu | Sets the visibility type of the hamburger menu of mds-header-bar | "all" \| "desktop" \| "mobile" \| "none" | 'mobile' |
nav | nav | Sets the visibility type of the navigation menu of mds-header-bar | "all" \| "desktop" \| "mobile" \| "none" | 'desktop' |
Events
Event | Description | Type |
---|---|---|
mdsHeaderClose | Emits when the component is closed | CustomEvent<MdsHeaderEventDetail> |
Slots
Slot | Description |
---|---|
"default" | Add mds-header-bar element/s. |
"menu" | Put actions and other contents that will be shown as mobile menu. Add text string , HTML elements or components to this slot. |
Shadow Parts
Part | Description |
---|---|
"menu" | The container element of the modal |
CSS Custom Properties
Name | Description |
---|---|
--mds-header-color | Sets the text color of the header and the mobile toggler icon |
--mds-header-icon-color | Sets the color of the icon toggler |
--mds-header-z-index | Sets the z-index of the modal |
Dependencies
Depends on
Graph
graph TD;
mds-header --> mds-modal
mds-modal --> mds-button
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
style mds-header fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
6.6.1
21 days ago
6.6.0
2 months ago
6.5.4
3 months ago
6.5.3
3 months ago
6.5.2
3 months ago
6.5.1
3 months ago
6.5.0
3 months ago
6.3.0
3 months ago
6.4.0
3 months ago
6.2.4
4 months ago
6.2.3
4 months ago
6.2.2
5 months ago
5.6.0
8 months ago
6.1.0
6 months ago
6.0.1
7 months ago
6.0.0
8 months ago
6.2.1
6 months ago
6.0.3
7 months ago
6.2.0
6 months ago
6.0.2
7 months ago
5.3.0
11 months ago
5.2.0
1 year ago
5.1.0
1 year ago
5.0.0
1 year ago
4.3.2
1 year ago
4.3.1
1 year ago
4.3.0
1 year ago
4.1.2
1 year ago
4.2.0
1 year ago
4.1.0
2 years ago
4.1.1
2 years ago
4.0.1
2 years ago
4.0.0
2 years ago
4.0.2
2 years ago
3.0.1
2 years ago
3.0.0
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.0.0
2 years ago