Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andrelmlins/whatsup-document-title

Page title manager for whatsup
https://github.com/andrelmlins/whatsup-document-title

document jsx title whatsup

Last synced: 20 days ago
JSON representation

Page title manager for whatsup

Awesome Lists containing this project

README

        

# Whatsup Document Title

[![npm version](https://badge.fury.io/js/whatsup-document-title.svg)](https://www.npmjs.com/package/whatsup-document-title) • [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/andrelmlins/whatsup-document-title/blob/master/LICENSE) • [![Node.js CI](https://github.com/andrelmlins/whatsup-document-title/workflows/Node.js%20CI/badge.svg)](https://github.com/andrelmlins/whatsup-document-title/actions?query=workflow%3A%22Node.js+CI%22)

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:

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

export class App extends Fractal {
readonly title = conse('Page title');

*whatsUp() {
while (true) {
yield (
<>

this.title.set(e.target.value)}
/>

>
);
}
}
}
```

## Properties

Component props:

| Prop | Type | Description |
| ----- | ------ | ------------------------- |
| title | string | Title showing in document |

## NPM Statistics

Download stats for this NPM package

[![NPM](https://nodei.co/npm/whatsup-document-title.png)](https://nodei.co/npm/whatsup-document-title/)

## License

Whatsup Document Title is open source software [licensed as MIT](https://github.com/andrelmlins/whatsup-document-title/blob/master/LICENSE).