Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-highlight-hashtags

1.0.2 • Public • Published

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.

Install

npm i react-highlight-hashtags

DownloadsWeekly Downloads

3

Version

1.0.2

License

ISC

Unpacked Size

3.95 kB

Total Files

4

Last publish

Collaborators

  • avatar