# External HTML in Components?

**URL:** <https://discourse.aurelia.io/t/external-html-in-components/4962>\
**Category:** Help Requests\
**Created:** [October 31, 2022, 7:38pm UTC](https://discourse.aurelia.io/t/external-html-in-components/4962 "2022-10-31T19:38:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![MFJ](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@MFJ](https://discourse.aurelia.io/u/MFJ)\
**Post date:** [October 31, 2022, 7:38pm UTC](https://discourse.aurelia.io/t/external-html-in-components/4962/1 "2022-10-31T19:38:40Z")

</div>

I’m having a difficult time figuring out how to do something along the lines of

```auto
<custom-component>
  <h1>Custom HTML Here</h1>
  <p>More custom stuff inside my component.</p>
</custom-component>

```

It seems like a simple enough task, but I’m unable to find anything that describes how I would go about doing this. Can Aurelia 1 even do such a thing, or should I be using a different solution? Maybe something with `<router-view>` (seems unnecessarily complex, plus there’s bonus complexity for interactions with our current router setup)?

---

<div class="post-metadata">

**Author:** ![huochunpeng](https://avatars.discourse-cdn.com/v4/letter/h/49beb7/32.png) [@huochunpeng](https://discourse.aurelia.io/u/huochunpeng)\
**Post date:** [November 1, 2022, 9:07am UTC](https://discourse.aurelia.io/t/external-html-in-components/4962/2 "2022-11-01T09:07:37Z")

</div>

> **[Templating: Content Projection | Aurelia](http://aurelia.io/docs/templating/content-projection/)**
>
> An overview of the Aurelia templating engine's custom element content projection functionality.