@maggioli-design-system/mds-input-tip-item
v1.5.3
Published
mds-input-tip-item 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-input-tip-item
Properties
| Property | Attribute | Description | Type | Default |
| ---------- | ---------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| expanded | expanded | Specifies if the element is expanded | boolean \| undefined | undefined |
| variant | variant | Specifies the variant of the element | "count-almost" \| "count-almost-full" \| "count-empty" \| "count-full" \| "count-incomplete" \| "disabled" \| "readonly" \| "required" \| "required-success" \| "text" \| undefined | 'required' |
Methods
updateLang() => Promise<void>
Returns
Type: Promise<void>
CSS Custom Properties
| Name | Description |
| --------------------------------- | ------------------------------------------ |
| --mds-input-tip-item-background | Sets the background color of the tip item. |
| --mds-input-tip-item-color | Sets the text color of the tip item. |
| --mds-input-tip-item-icon-color | Sets the icon color fill of the tip item. |
Dependencies
Used by
Depends on
Graph
graph TD;
mds-input-tip-item --> mds-text
mds-input --> mds-input-tip-item
mds-input-select --> mds-input-tip-item
style mds-input-tip-item fill:#f9f,stroke:#333,stroke-width:4pxBuilt with love @ Gruppo Maggioli from R&D Department