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".autoplay - booleantrueSpecifies that the video will start playing as soon as it is ready

loop - booleantrueSpecifies that the video will start over again, every time it is finished

muted - booleantrueSpecifies that the audio output of the video should be muted

noise - classic | none | sharp | soft | tv | undefinednoneSpecifies if the video has a noise overlay effect

poster - string | undefinedSpecifies an image to be shown while the video is downloading

preload - auto | metadata | none | undefinedautoSpecifies if and how the author thinks the video should be loaded when the page loads. Note: The preload attribute is ignored if autoplay is present

src - string | undefinedSpecifies the URL of the video file

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. Il contenuto di uno slot con nome va su un figlio diretto, con il nome dello slot nell'attributo slot, ad esempio slot="content".(predefinito)Write browser support missing message here.

Nessun nome slot

contentAdd video content overlay here, add text string, HTML elements or components to this slot.