
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
react-highlighter-ts
Advanced tools
This is a TypeScript rewrite of the npm package
react-highligher
, which has no
type support, has very out of date dependencies, and seems to be abandoned (no
activity since 2018).
Starting with version 18.0.0, this library's major version number will be pinned to the compatible major version of React.
For React version 17.x compatability, install version ^2.2.0
.
The API for this package is identical to that of the original package,
react-highlighter
.
import * as React from "react";
import { Highlight } from "react-highlighter-ts";
export const Example = () => (
<Highlight search="hello">Hello, World!</Highlight>
);
See generated type
documentation for details on
properties accepted by <Highlight>
.
By default, this library wraps matches in an html <mark>
tag, and does not
style it. Most browsers style the <mark>
tag by giving it a yellow background
and black text. You can style your matches by providing a pre-styled
element type to matchElement
, passing a CSS class to matchClass
, or passing
CSS rules to matchStyle
.
react-highlighter
You should be able to migrate directly from react-highlighter
to
react-highlighter-ts
without any changes in your source code besides adjusting
your imports.
See something amiss? Please open a PR.
This library does not use any global dependencies, so a simple npm install
should suffice.
Tests have been adapted from the original react-highlighter
codebase. Tests
use Jest + Enzyme.
npm run test
or to watch file changes:
npm run test:watch
FAQs
a TypeScript rewrite of the package react-highlighter
We found that react-highlighter-ts demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.