# [react-linkify](http://tasti.github.io/react-linkify/) React component to parse links (urls, emails, etc.) in text into clickable links ## Examples Live examples are available at [http://tasti.github.io/react-linkify/](http://tasti.github.io/react-linkify/). ### Basic Any link that appears inside the `Linkify` component will become clickable. ``` See examples at tasti.github.io/react-linkify/. ``` Renders to: See examples at `tasti.github.io/react-linkify/`. ### Advanced 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. ```

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/. ``` 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` ## Installation ``` yarn add react-linkify ``` or ``` npm install react-linkify --save ``` ## Usage ```js import Linkify from 'react-linkify'; React.render( Examples are available at tasti.github.io/react-linkify/., document.body ); ``` ## Props **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. ## Customization 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. ## Examples All kind of links detectable by [linkify-it](https://github.com/markdown-it/linkify-it) are supported. For examples, visit [their website](http://markdown-it.github.io/linkify-it/).

	Stars	Issues	Version	Updated	Created
linkify			0.2.1	10 years ago	13 years ago
linkify-react	1,789	37	4.1.3	6 months ago	3 years ago
react-autolink	41	6	0.2.1	9 years ago	9 years ago
react-linkify	547	50	1.0.0-alpha	5 years ago	9 years ago

linkify vs linkify-react vs react-autolink vs react-linkify

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past