Package Exports

with-utterances

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (with-utterances) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React ❤️ Utterances

WithUtterances is a React Higher-Order-Component for Super LightWeight Comments Widget named Utterances.

No need Duplicated DOM Bindings for each react component.

Just Wrap It!

import withUtterances from 'with-utterances'
Wrap your react component
Pass your repo as a String
Done!

Installation

npm i with-utterances
yarn add with-utterances

Usage

import withUtterances to the file which has component that you want to show utterances comment widget.

import withUtterances from 'with-utterances'


class PostPage extends React.Component {
    //...
}

// Or

const PostPage = () => {
    //...
}

export default withUtterances(PostPage, 'YOUR_REPO')

// Or to specify a theme

export default withUtterances(PostPage, 'YOUR_REPO', 'github-dark')

It uses your pathname as issue-term.

Supported Themes

By default Utterances comes with two choices for themes:

github-light - The normal Github style
github-dark - A dark mode in the style of Github

More themes can be added with additional stylesheets.

PS. preload and prefetch Applied

It will make your Utterances Widget to load slightly faster. <3

PS. DEMO SITE

Demo Using withUtterance