Merge pull request #3 from CreoWis/tailwindcss-support

Tailwindcss support

Author: atapas

README.md

@@ -2,3 +2,16 @@
 
 A simple hook to compare two texts and provide you the diff and the matching percentages
 
+## To Use Components
+
+```js
+import 'text-compare/dist/style.css';
+import { Compare } from "text-compare";
+
+export const CompareText = () => {
+  return(
+    <Compare/>
+  )
+}
+```
+

lib/components/Compare.tsx

@@ -0,0 +1,5 @@
+const Compare = () => {
+  return <h1 className="bg-red-300 text-red-900">Compare</h1>;
+};
+
+export default Compare;

lib/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

lib/index.ts

@@ -1,4 +1,7 @@
 
+import "./index.css";
+
 import { useTextComparison } from "./hooks/useTextComparison";
+import Compare from "./components/Compare";
 
-export { useTextComparison };
+export { useTextComparison, Compare };