@stencil/helmet
    TypeScript icon, indicating that this package has built-in type declarations

    0.3.3 • Public • Published

    CircleCI @stencil/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/helmet
    

    Usage

    import Helmet from '@stencil/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>
        );
      }
    }

    Keywords

    none

    Install

    npm i @stencil/helmet

    DownloadsWeekly Downloads

    340

    Version

    0.3.3

    License

    MIT

    Unpacked Size

    8.63 kB

    Total Files

    11

    Last publish

    Collaborators

    • ionicjs
    • jthoms1
    • maxlynch
    • mhartington
    • brandyscarney
    • kensodemann
    • larsmikkelsen
    • nhyatt
    • liamdebeasi
    • jaredcbaum
    • rwaskiewicz-ionic