Package Exports

react-highlight-hashtags

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 (react-highlight-hashtags) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-highlight-hashtags

react-highlight-hashtags is component for React to check hashtags in text.

Installation

Using npm:

$ npm install --save react-highlight-hashtags

Then, use as you would anything else:

// using ES modules
import Hashtags from 'react-highlight-hashtags';

Basic usage

Render a <Hashtags> component with ot without a text prop whose value is a valid text. The children prop should be a text.

import React from 'react';
import Hashtags from 'react-highlight-hashtags';

class App extends React.Component {
  render() {
    return (
        <Hashtags> Hi, #highlight #hash tags</Hashtags>
    );
  }
}

import React from 'react';
import Hashtags from 'react-highlight-hashtags';

class App extends React.Component {
  render() {
    return (
        <Hashtags text="Hi, #highlight #hash tags" />
    );
  }
}

props

There is only one optional props.

prop	description	example
text	any text with or without #hashtags.	`<Hashtags text="Hi, #highlight #hash tags" />`
children	any text with or without #hashtags.	`<Hashtags> Hi, #highlight #hash tags</Hashtags>`

style

If you are using bootstrap then mark tag will appear in yellow background.

mark {
    background:none;
    color:rgb(250, 93, 58);
    cursor:pointer;
}

About

react-highlight-hashtags is developed and maintained by Krishna Kumar.