Stenciljs

import { Component, Prop, h } from '@stencil/core';  
  
@Component({  
tag: 'my-first-component',  
})  
export class MyComponent {  
  
// Indicate that name should be a public property on the component  
@Prop() name: string;  
  
render() {  
return (  
<p>  
My name is {[this.name](http://this.name/)}  
</p>  
);  
}  
}  
  
<my-first-component name="Max"></my-first-component>  
  
Once compiled, this component can be used in HTML just like any other tag.