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".accessibleNamearia-labelstring | undefinedThe accessible name of the code: each digit is announced as a position inside it, the fields being separate controls a screen reader reaches one at a time.

autosubmit - booleanfalseAutomatically submits the form when the OTP code is complete

disabled - boolean | undefinedfalseDisables every cell of the code, like a disabled native input: the code cannot be changed and is left out of the form. A disabled <fieldset> around the component does the same.

length - number6Number of digits in the OTP code

value - string | undefinedThe current value of the OTP code: a value set in the markup or by code fills the cells from the first one