Skip to content

benjick/react-doc-title

Repository files navigation

react-doc-title

NPM JavaScript Style Guide Build Status

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