4.4.2 • Published 10 months ago
@maggioli-design-system/mds-card v4.4.2
mds-card
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 |
|---|---|---|---|---|
autoGrid | auto-grid | Enables automatic responsive behavior based on container queries | boolean | true |
Slots
| Slot | Description |
|---|---|
"content" | Add HTML elements or components, it's responsive behaviour based on container queries is handled with auto-grid enabled |
"footer" | Add HTML elements or components, it's responsive behaviour based on container queries is handled with auto-grid enabled |
"header" | Add HTML elements or components, it's responsive behaviour based on container queries is handled with auto-grid enabled |
"media" | Add HTML elements or componentsAdd HTML elements or components, it is recommended to use mds-img element or other component to represent media contents, used for images or videos, it's responsive behaviour based on container queries is handled with auto-grid enabled |
Shadow Parts
| Part | Description |
|---|---|
"container" |
CSS Custom Properties
| Name | Description |
|---|---|
--mds-card-gap | Sets the spacing between card elements |
--mds-card-padding | Sets the spacing around card elements |
Built with love @ Gruppo Maggioli from R&D Department
4.4.2
10 months ago
4.4.1
10 months ago
4.4.0
10 months ago
4.3.4
1 year ago
4.3.3
1 year ago
4.3.2
1 year ago
4.3.1
1 year ago
4.3.0
1 year ago
4.2.4
2 years ago
4.2.3
2 years ago
4.1.0
2 years ago
4.0.1
2 years ago
4.0.0
2 years ago
4.2.1
2 years ago
4.2.0
2 years ago
4.0.2
2 years ago
3.1.0
2 years ago
3.0.0
2 years ago
2.0.2
3 years ago
2.1.0
2 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.0.0
4 years ago