I componenti Magma sono web component: elementi personalizzati che scrivi come i tag HTML, con qualsiasi framework o senza. Le proprietà li configurano, gli eventi dicono cosa è successo, i metodi sono funzioni da chiamare sull'elemento e gli slot accolgono il contenuto che metti al suo interno.

Proprietà

Imposta una proprietà come attributo HTML nel markup, oppure come proprietà da JavaScript. La colonna Attributo dà il nome dell'attributo, un trattino quando coincide con la proprietà; le proprietà senza attributo, come array e funzioni, si impostano solo da JavaScript. Per spegnere un attributo booleano, rimuovilo: non scrivere mai disabled="false".description (obbligatoria) - 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

Eventi

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

Slot

Gli slot accolgono il contenuto che scrivi tra i tag del componente. Lo slot predefinito, quello senza nome, accetta solo testo, salvo dove la sua descrizione dice altrimenti.(predefinito)Add content like text string, HTML elements or components to this slot

Nessun nome slot