MENU

Shadow DOM

<template> defines a single DOM tree which can be programmatically copied multiple times and inserted anywhere within the document. The contents of <template> aren't displayed immediately when parsed.

<slot> defines a placeholder in <template> where data can be inserted
....... name: a name that corresponds to the value of the 'slot' attribute in the second level of a hidden shadow DOM tree. Any block containing a 'slot' attribute turns the containing parent into a shadow root that is not displayed directly.