JSPM

  • Created
  • Published
  • Downloads 8356
  • Score
    100M100P100Q132474F
  • License ISC

Text highlighter for React

Package Exports

  • react-mark.js
  • react-mark.js/dist/index.esm.js
  • react-mark.js/dist/index.js

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

Readme

🍬 A React wrapper around the popular mark.js library.

⚡️ Quick Links

⚡️ Installation

The best way to install react-mark.js is via the npm package which you can install with npm (or yarn if you prefer)

📦 NPM

npm install -S mark.js react-mark.js

📦 Yarn

yarn add mark.js react-mark.js

↘️ Importing Components

import { Marker } from "react-marker.js";

🖌 Basic Example

import { Marker } from "react-mark.js";

export default () => (
  <Marker mark="reprehenderit">
    Cillum proident eu eiusmod incididunt pariatur. Ullamco qui deserunt ut
    reprehenderit cupidatat cupidatat nisi non occaecat non commodo. Magna
    incididunt eu laboris laboris labore. Sit duis ullamco qui nostrud aliqua do
    consectetur do incididunt eiusmod nulla consectetur. Sint reprehenderit
    culpa consectetur irure commodo magna. Officia Lorem veniam est cillum.
  </Marker>
);