## Imported Components You can import instances of components by making a CSS selector be the target of an anchor and having the `href` point to a component file. All elements that match the selector will have their content replaced by an instance of the component. So long as the file name for the imported component includes a hyphen, it will be used as the tag name. If not, an `l-` will be prefixed. You can alias the filename to your own tagname to avoid collisions with other components by using an `as` attribute on the anchor. *Caution*: You MUST absolutely trust the origin from which you are loading a component. Components can walk and modify the DOM. Enabling imports is done automatically for component HTML. Since this example is not itself a component, the anchors are enabled with the `DOMContentLoaded` event listener. If you delete the entire script tag contents and add `?as=x-body` to the script in the head, the example will still work. The anchors are enabled automatically because you have turned the example into a component.