Magma components are web components: custom elements you write like HTML tags, with any framework or without one. Props configure them, events tell you what happened, methods are functions you call on the element and slots take the content you put inside it.

Props

Set a prop as an HTML attribute in the markup, or as a property from JavaScript. The Attribute column gives the name of the attribute, a dash when it is the same as the property; props without one, such as arrays and functions, are set from JavaScript only. To turn a boolean attribute off, remove it: never write disabled="false".description (required) - stringSpecifies the title shown when the accordion is closed or opened

duration - number | undefinedSpecifies the duration of the single component when selected, it overrides the global duration of itself only

progress - number0A value between 0 and 100 that rapresents the status progress

selected - booleanfalseSpecifies if the accordion item is opened or not

typography - action | h1 | h2 | h3 | h4 | h5 | h6h5Specifies the typography of the element

uuid - number0Used automatically by MdsAccordionTimer wrapper to handle it’s siblings

Events

mdsAccordionTimerItemClickSelectMdsAccordionTimerItemEventDetailEmits when the accordion is clicked by the mouse

mdsAccordionTimerItemMouseEnterSelectMdsAccordionTimerItemEventDetailEmits when the accordion is hovered by the mouse

mdsAccordionTimerItemMouseLeaveSelectMdsAccordionTimerItemEventDetailEmits when the accordion is hovered by the mouse

mdsAccordionTimerItemSelectMdsAccordionTimerItemEventDetailEmits when the accordion is changed from code

Slots

Slots take the content you write between the tags of the component. The default slot, the one without a name, accepts plain text, unless its description says otherwise.(default)Add content like text string, HTML elements or components to this slot

No slot name