Include

Fetches an external HTML file and renders it inline. Loads eagerly by default, or lazy to defer until it scrolls into view. Emits nana-load / nana-error.

Usage

include.html
html
1 <nana-include src="/partials/footer.html"></nana-include>
2 <nana-include src="/partials/promo.html" lazy></nana-include>

Import

main.ts
ts
1 import "@nana-tec/ui-components/include";

Props

AttributeTypeDefault
srcstring
modecors | no-cors | same-origincors
allow-scriptsbooleanfalse
lazybooleanfalse