PuruVJ · April 18, 2020 17:42
diff --git a/helmet-example.tsx b/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>
	);
	}
	}