HTML fragment

A component rendered without a page, as an HTMX endpoint or a worker would return it.

HTML fragment

examples/cloudflare-worker-demo/src/components/Banner.astro

const runtime = createAstroRuntime();
const html = await runtime.renderComponent(Banner, {
  message: 'Important announcement!',
  type: 'info',
});

<div class="banner" style="background: #e0f2fe; border-color: #0284c7; color: #0c4a6e;" role="alert" data-astro-cid-sqkjpi7t>
  <span class="icon" style="background: #0284c7;" data-astro-cid-sqkjpi7t>i
  </span>
  <span class="message" data-astro-cid-sqkjpi7t>Important announcement!
  </span>
</div>

web
renderComponent