Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-text-format

Package Overview
Dependencies
Maintainers
1
Versions
34
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-text-format - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "react-text-format",
"version": "1.0.1",
"version": "1.0.2",
"description": "React Component to find and format links, emails, phone numbers and credit cards to required format.",

@@ -5,0 +5,0 @@ "author": "Ahsan Bilal",

@@ -20,38 +20,2 @@ # react-text-format

## Usage
### Basic
Any link that appears inside the `ReactTextFormat` component will become clickable.
```
<ReactTextFormat>
Contact me via my gmail.com account
reacttextformat@gmail.com or call me at
123.456.7890
</ReactTextFormat>
```
### Advanced
If you're feeling lazy, you can wrap `ReactTextFormat` around anywhere that you want links to become clickable. Even with nested elements, it traverses the tree to find links.
```
<ReactTextFormat>
<div>Visit our site http://reactninja.com</div>
<div>React component to parse links urls, emails, credit cards,
phone in text into required format</div>
<footer>Shoot Us a message at : reacttextformat@gmail.com</footer>
</ReactTextFormat>
```
##### Renders to:
Visit our site [reactninja.com](http://www.reactninja.com)
React component to parse links urls, emails, credit cards, phone in text into required format
Shoot Us a message at [reacttextformat@gmail.com](mailto:reacttextformat@gmail.com)
## Props

@@ -69,2 +33,4 @@

## Usage
### Basic Implementation

@@ -71,0 +37,0 @@ ```js

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc