Function: ShadowRootNode()

ShadowRootNode(options): any

Creates a virtual ShadowRoot descriptor recognized by the JSX factory.

When a ShadowRootContainer produced by this function appears among a parent element's children (e.g. <div><ShadowRootNode mode="open">…</ShadowRootNode></div>), the factory calls parent.attachShadow(init) and appends the children into the resulting ShadowRoot. An optional ref is forwarded to the created ShadowRoot.

Parameters

options

ShadowRootInit & object

Shadow root init options (mode, delegatesFocus, etc.) plus optional ref and children.

Returns

any

A virtual node descriptor that the JSX factory consumes to create the shadow root.

Example

<div><ShadowRootNode mode="open"><span>inside shadow</span></ShadowRootNode></div>