/upper88-title

Web Component for setting document title

Primary LanguageHTML

<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