React component to parse links (urls, emails, etc.) in text into clickable links
npm install tt-react-linkifyLive examples are available at http://tasti.github.io/react-linkify/.
Any link that appears inside the Linkify component will become clickable.
```
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.
``
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/) tasti.github.io/react-linkify/
React component to parse links (urls, emails, etc.) in text into clickable links
See examples at . tasti@zakarie.com
Contact:
* Add support for inlined images
Original project: https://github.com/tasti/react-linkify
``
npm install react-linkify --save
`js
var Linkify = require('react-linkify');
React.render(
document.body
);
`
component
The type of component to wrap links in.
_type:_ any 'a'
_default:_
inlineImages
Whether to detect images and append the last one to the bottom of the component.
_type:_ bool false
_default:_
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.