PuruVJ/helmet-example.tsx

## helmet-example.tsx
import { Component, Prop, h } from '@stencil/core';
import Helmet from "/path/to/helmet.tsx";

@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}
        <Helmet>
          <meta name="theme-color" content="#fefefe" />
          <title>Hello World</title>
          {/* And any tags can be used in here. They would be put in <head>, or replaced if they already exists.
              Note: The replacement will happen only for meta[name] tags as they are the most used ones
          */}
        </Helmet>
      </p>
    );
  }
}
	import { Component, Prop, h } from '@stencil/core';
	import Helmet from "/path/to/helmet.tsx";

	@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}
	<Helmet>
	<meta name="theme-color" content="#fefefe" />
	<title>Hello World</title>
	{/* And any tags can be used in here. They would be put in <head>, or replaced if they already exists.
	Note: The replacement will happen only for meta[name] tags as they are the most used ones
	*/}
	</Helmet>
	</p>
	);
	}
	}