whatsup-document-title

Page title manager for whatsup

Usage no npm install needed!

<script type="module">
  import whatsupDocumentTitle from 'https://cdn.skypack.dev/whatsup-document-title';
</script>

README

Whatsup Document Title

npm version • License: MIT • Node.js CI

Page title manager for whatsup.

Installation

npm i whatsup-document-title
// OR
yarn add whatsup-document-title

Demo

Local demo:

git clone https://github.com/andrelmlins/whatsup-document-title.git
cd whatsup-document-title
npm install && npm rum dev

Examples

An example of how to use the library:

import { Fractal, conse } from 'whatsup';
import WhatsupDocumentTitle from 'whatsup-document-title';

export class App extends Fractal<JSX.Element> {
  readonly title = conse('Page title');

  *whatsUp() {
    while (true) {
      yield (
        <>
          <WhatsupDocumentTitle title={yield* this.title}>
            <input
              value={yield* this.title}
              onInput={(e) => this.title.set(e.target.value)}
            />
          </WhatsupDocumentTitle>
        </>
      );
    }
  }
}

Properties

Component props:

Prop Type Description
title string Title showing in document

NPM Statistics

Download stats for this NPM package

NPM

License

Whatsup Document Title is open source software licensed as MIT.