This element tag is used to define a custom element’s state, and only allowed to be used inside a <custom-element>
To render the state’s value, use the <slot>
tag with the attribute’s name as the slot’s name prefixed with #
symbol.
<custom-element name="my-element">
<element-state name="content" type="html">
<strong>Hello World</strong>
</element-state>
<template>
Content:
<slot name="#content"></slot>
</template>
</custom-element>
<my-element></my-element>