echo-toast 1.0.6 → 1.0.8

package/README.md

@@ -1,4 +1,4 @@
-# A simple toast component for React/Next.JS
+# A simple lightweight toast component for React/Next.JS (under 2kb)
 
 ## Installation
 
@@ -14,7 +14,21 @@ npm install echo-toast
 
 ## Usage
 
-Import the **<Toaster />** component to your page/component. Then you can use the **echo.notify()** from anywhere in your app so you can render each toast notification.
+Import the css file on your main file of React.
+
+```js
+// main.tsx
+
+import { createRoot } from "react-dom/client";
+import YourApp from '@/app.tsx'
+import 'echo-toast/styles.css'
+
+const container = document.getElementById('root')
+
+createRoot(container!).render(<YourApp />)
+```
+
+Import the **<Toaster />** component to your page/component. 
 
 ```js
 // Home.tsx
@@ -32,6 +46,8 @@ export function Home() {
 }
 ```
 
+Then you can use the **echo.notify()** from anywhere in your app so you can render each toast notification.
+
 ```js
 // SuperButton.tsx
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "echo-toast",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/echo-toast.js",
   "module": "./dist/echo-toast.js",
@@ -48,7 +48,10 @@
       "types": "./dist/echo-toast.d.ts",
       "import": "./dist/echo-toast.js"
     },
-    "./styles.css": "./dist/echo-toast.css"
+    "./styles.css": {
+      "default": "./dist/echo-toast.css",
+      "types": "./dist/echo-toast.d.ts"
+    }
   },
   "files": [
     "dist"