Skip to content

renderPlateHtml

renderPlateHtml(plate, css): string

Defined in: packages/xray/src/core.ts:89

Render a stitch-free Plate to an HTML string — the framework-neutral equivalent of <Skeleton plate loading />, for when you don’t want to pull a framework adapter (demos, plain DOM, server strings). Drop it in with el.innerHTML = renderPlateHtml(plate, composeCss(css)) or React’s dangerouslySetInnerHTML.

css is the caller’s explicit input (two-artifact contract): pass composeCss(css) for the standard BASE_CSS + plate-rules composition (BASE_CSS is what makes bones paint and pulse), the raw capture css if the base rules are already on the page, or your own composition. Stitched plates (a nested <Skeleton>) need an adapter to mount their child plates, so they throw here.

Plate

string

string