react-text-format
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"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 |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2850074
154