@maggioli-design-system/mds-usage
v4.0.3
Published
mds-usage 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.
Keywords
Readme
mds-usage
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 |
| --------- | --------- | ------------------------------------------------------------------- | ------------------------------------ | ----------- |
| alias | alias | Specifies the alias of the usage phrase on the top of the component | string \| undefined | undefined |
| variant | variant | Specifies the delay when the tooltip will trigger | "do" \| "dont" \| "info" \| "warn" | 'info' |
Methods
updateLang() => Promise<void>
Returns
Type: Promise<void>
Slots
| Slot | Description |
| ----------- | ---------------------------------------------------------------- |
| "default" | Add text string, HTML elements or components to this slot. |
CSS Custom Properties
| Name | Description |
| -------------------------- | ------------------------------------------- |
| --mds-usage-badge-color | Sets the badge text color of the component. |
| --mds-usage-border-color | Sets the border color of the component. |
Dependencies
Depends on
Graph
graph TD;
mds-usage --> mds-badge
mds-badge --> mds-text
style mds-usage fill:#f9f,stroke:#333,stroke-width:4pxBuilt with love @ Gruppo Maggioli from R&D Department