2.9.4 • Published 21 days ago
@maggioli-design-system/mds-badge v2.9.4
mds-badge
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 |
---|---|---|---|---|
tone | tone | Sets the tone of the color variant | "quiet" \| "strong" \| "weak" \| undefined | 'weak' |
typography | typography | Specifies the typography of the element | "caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip" | 'option' |
typographyVariant | typography-variant | Specifies the variant for typography | "code" \| "info" \| "read" \| "title" \| undefined | undefined |
variant | variant | Sets the theme variant colors | "amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefined | 'green' |
Slots
Slot | Description |
---|---|
"default" | Add text string to this slot, avoid to add HTML elements or components here. |
CSS Custom Properties
Name | Description |
---|---|
--background | Sets the background-color of the component |
--color | Sets the text color of the component |
--radius | Sets the border-radius of the component |
Dependencies
Used by
Depends on
Graph
graph TD;
mds-badge --> mds-text
mds-file --> mds-badge
mds-file-preview --> mds-badge
mds-stepper-bar-item --> mds-badge
style mds-badge fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
2.9.4
21 days ago
2.9.2
3 months ago
2.9.3
3 months ago
2.9.1
3 months ago
2.9.0
3 months ago
2.8.0
3 months ago
2.7.4
4 months ago
2.7.3
4 months ago
2.7.2
5 months ago
2.5.0
8 months ago
2.7.0
6 months ago
2.5.2
7 months ago
2.6.0
6 months ago
2.5.1
7 months ago
2.7.1
6 months ago
2.3.0
1 year ago
2.4.0
1 year ago
2.2.0
1 year ago
2.1.1
1 year ago
2.0.2
2 years ago
2.0.0
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.0.0
2 years ago