Gathering detailed insights and metrics for react-linkify
Gathering detailed insights and metrics for react-linkify
Gathering detailed insights and metrics for react-linkify
Gathering detailed insights and metrics for react-linkify
@types/react-linkify
TypeScript definitions for react-linkify
react-easy-linkify
Easy react linkify, includes mention and hashtag. Supported i18n, Write with typescript.
react-linkify-always-blank
React component to parse links (urls, emails, etc.) in text into clickable links forked from react-linkify
react-linkify-it
A tiny and dependency free universal linking solution that turns any pattern in your text into clickable links (aka linkify). Supports i18n and emojis.
React component to parse links (urls, emails, etc.) in text into clickable links
npm install react-linkify
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
555 Stars
72 Commits
106 Forks
3 Watching
23 Branches
10 Contributors
Updated on 13 Oct 2024
JavaScript (100%)
Cumulative downloads
Total Downloads
Last day
15.2%
62,434
Compared to previous day
Last week
36%
323,757
Compared to previous week
Last month
32.3%
1,041,255
Compared to previous month
Last year
5.7%
11,296,227
Compared to previous year
React component to parse links (urls, emails, etc.) in text into clickable links
Live examples are available at http://tasti.github.io/react-linkify/.
Any link that appears inside the Linkify
component will become clickable.
<Linkify>See examples at tasti.github.io/react-linkify/.</Linkify>
Renders to:
See examples at tasti.github.io/react-linkify/
.
If you're feeling lazy, you can wrap Linkify
around anywhere that you want links to become clickable. Even with nested elements, it traverses the tree to find links.
<Linkify>
<div>react-linkify <span>(tasti.github.io/react-linkify/)</span></div>
<div>React component to parse links (urls, emails, etc.) in text into clickable links</div>
See examples at tasti.github.io/react-linkify/.
<footer>Contact: tasti@zakarie.com</footer>
</Linkify>
Renders to:
react-linkify (tasti.github.io/react-linkify/
)
React component to parse links (urls, emails, etc.) in text into clickable links
See examples at tasti.github.io/react-linkify/
.
Contact: tasti@zakarie.com
yarn add react-linkify
or
npm install react-linkify --save
1import Linkify from 'react-linkify'; 2 3React.render( 4 <Linkify>Examples are available at tasti.github.io/react-linkify/.</Linkify>, 5 document.body 6);
component
The type of component to wrap links in.
type: any
default: 'a'
properties
The props that will be added to every matched component.
type: object
default: {}
NOTE: Use Linkify.MATCH
as a value to specify the matched link. The properties prop will always contain {href: Linkify.MATCH, key: 'LINKIFY_KEY_#'}
unless overridden.
You can access to the global Linkify
instance used to linkify contents by importing it (import { linkify } from 'react-linkify'
).
That way you can customize as needed (e.g. disabling existing schemas or adding new ones).
Note that any customization made to that instance will affect every Linkify
component you use.
All kind of links detectable by linkify-it are supported. For examples, visit their website.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 11/19 approved changesets -- score normalized to 5
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
70 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More