Using your component

In your view, add your custom HTML element component:

      <p id="app">
        <my-component></my-component>
      </p>

Viewing this in the browser should replace the <my-component> HTML tag with a <p> and a hello message.

There may be some cases where a custom HTML tag won't be parsed and accepted - these cases tend to be in <table>, <ol>, <ul>, and <select> elements. If this is the case, you can use the is="" attribute on a standard HTML element:

      <ol>
        <li is="my-component"></li>
      </ol>