Research
/Security News
Shai Hulud Strikes Again (v2)
Another wave of Shai-Hulud campaign has hit npm with more than 500 packages and 700+ versions affected.
By Socket Research Team -  Nov 24, 2025
🚨 Shai-Hulud Strikes Again:More than 500 packages and 700+ versions compromised.Technical Analysis →
@maggioli-design-system/mds-card
Advanced tools
@maggioli-design-system/mds-card
mds-card is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
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 JavaScript 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
FAQs
mds-card is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.
We found that @maggioli-design-system/mds-card demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Package last updated on 03 Jun 2025
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Product
Introducing Webhook Events for Alert Changes
Add real-time Socket webhook events to your workflows to automatically receive software supply chain alert changes in real time.
By Phil Gates-Idem -  Nov 21, 2025
Security News
ENISA Becomes a CVE Root, Expanding Its Role in Europe’s Vulnerability Ecosystem
ENISA has become a CVE Program Root, giving the EU a central authority for coordinating vulnerability reporting, disclosure, and cross-border response.
By Sarah Gooding -  Nov 21, 2025