3.10.3 • Published 10 months ago
@maggioli-design-system/mds-accordion-timer-item v3.10.3
mds-accordion-timer-item
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 |
---|---|---|---|---|
description (required) | description | Specifies the title shown when the accordion is closed or opened | string | undefined |
duration | duration | Specifies the duration of the single component when selected, it overrides the global duration of itself only | number \| undefined | undefined |
progress | progress | A value between 0 and 100 that rapresents the status progress | number | 0 |
selected | selected | Specifies if the accordion item is opened or not | boolean | false |
typography | typography | Specifies the typography of the element | "action" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" | 'h5' |
uuid | uuid | Used automatically by MdsAccordionTimer wrapper to handle it's siblings | number | 0 |
Events
Event | Description | Type |
---|---|---|
mdsAccordionTimerItemClickSelect | Emits when the accordion is clicked by the mouse | CustomEvent<MdsAccordionTimerItemEventDetail> |
mdsAccordionTimerItemMouseEnterSelect | Emits when the accordion is hovered by the mouse | CustomEvent<MdsAccordionTimerItemEventDetail> |
mdsAccordionTimerItemMouseLeaveSelect | Emits when the accordion is hovered by the mouse | CustomEvent<MdsAccordionTimerItemEventDetail> |
mdsAccordionTimerItemSelect | Emits when the accordion is changed from code | CustomEvent<MdsAccordionTimerItemEventDetail> |
Slots
Slot | Description |
---|---|
"default" | Add content like text string , HTML elements or components to this slot |
Shadow Parts
Part | Description |
---|---|
"content" | the content wrapper of the default slot |
"icon" | The arrow icon of the component |
"label" | The text label of the component |
"progress" | The progress bar of the component |
Dependencies
Depends on
Graph
graph TD;
mds-accordion-timer-item --> mds-progress
mds-accordion-timer-item --> mds-text
style mds-accordion-timer-item fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
3.9.4
10 months ago
3.10.1
10 months ago
3.10.0
10 months ago
3.10.3
10 months ago
3.10.2
10 months ago
3.9.3
10 months ago
3.9.2
11 months ago
3.9.1
11 months ago
3.9.0
11 months ago
3.8.4
1 year ago
3.8.3
1 year ago
3.8.2
1 year ago
3.8.1
1 year ago
3.8.0
1 year ago
3.7.0
1 year ago
3.6.4
2 years ago
3.6.3
2 years ago
3.6.2
2 years ago
3.3.1
2 years ago
3.3.0
2 years ago
3.6.1
2 years ago
3.6.0
2 years ago
3.5.0
2 years ago
3.3.2
2 years ago
3.2.0
2 years ago
3.1.1
2 years ago
3.1.0
2 years ago
3.0.1
2 years ago
3.0.0
2 years ago
2.2.0
3 years ago
2.1.1
3 years ago
2.1.0
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.0.1
3 years ago
1.0.0
4 years ago