Skip to content

stencil-community/stencil-helmet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@stencil-community/helmet

Stencil Helmet

Declaratively update the <head> from a Stencil app.


This is a Stencil component meant to be used within Stencil apps to declaratively update the document <head>. You pass it elements that you'd normally place in <head>, and it updates <head> accordingly. Each instance will override duplicate tags from preceding instances.

Note that, because it uses virtual DOM as input, stencil-helmet can only be used within Stencil apps and not as a standalone web component.

Installation

npm install @stencil-community/helmet

Usage

import Helmet from '@stencil-community/helmet';

//...
export class MyComponent {
  render() {
    return (
      <div>
        <Helmet>
          <title>{this.title}</title>
          <meta name="description" content={this.description}/>
          <link rel="stylesheet" href="/styles.css"/>
        </Helmet>
      </div>
    );
  }
}