Web Component for setting document title
HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
erikwett Update README.md
Added note on data binding. Corrected typo. Remoed broken link.
Latest commit a93e7f1 Sep 28, 2016

README.md

<upper88-title>

Custom element to set document title. Avoid typing the same title in the page and in the header. Makes it possible to use Polymer data binding for the title.

Install

Install the component using Bower:

$ bower install upper88-title --save

Or download as ZIP.

Usage

  1. Import polyfill:

    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  2. Import custom element:

    <link rel="import" href="bower_components/upper88-title/upper88-title.html">
  3. Start using it!

    Avoid typing the same title twice:

    <h1><upper88-title>My <strong>cool</strong> Homepage</upper88-title></h1>

    Set title as an attribute:

    <upper88-title value="My Homepage"></upper88-title>

    Use data binding for the title:

    <upper88-title value="[[title]]"></upper88-title>
    
    Note that you need to use the attribute if you need data binding.

Options

Attribute Options Default Description
value String none The title. Set as both element innerHtml and (without html tags) document.title

History

For detailed changelog, check Releases.

License

MIT License