react-doc-title

Install

yarn add react-doc-title

Usage

import React from 'react'
import {Provider, Title, useTitle} from 'react-doc-title'
 
function MyComponent() {
  useTitle('Contact')
  return <p>Contact us</p>
}
 
function App() {
  return (
    <Provider title="My website">
      <Title string="About" />
      <MyComponent />
    </Provider>
  )
}

Document title would be Contact - About - My website

Provider

<Provider> needs to wrap any <Title>. You can change settings here too

prop name	type	default	misc
title	string
append	boolean	false	If this is set to true the example would be My website - About - Contact
divider	string	-	Change the divider between title fragments

Title

Adds a title fragment

prop name	type
string	string

License

MIT © benjick