From 3a11837b1a0add39c6b8bc344570b0d145629d36 Mon Sep 17 00:00:00 2001 From: hyeon-9yu Date: Mon, 13 Dec 2021 22:19:28 +0900 Subject: [PATCH 1/3] docs: fix readme typing error --- README.md | 6 +++--- readme.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 146392c..b1067ef 100644 --- a/README.md +++ b/README.md @@ -18,15 +18,15 @@ $ yarn add react-custom-alert ```js import React from 'react'; import { AlertContainer, alert } from 'react-custom-alert'; -import 'react-custom-alert/index.css'; // import css file from root. +import 'react-custom-alert/dist/index.css'; // import css file from root. function RootComponent() { return ( <> - {/* Add ToastContainer from your root component. */} + {/* Add AlertContainer from your root component. */} {/* If no floatingTime, the default is 3000ms. */} - + ); } diff --git a/readme.md b/readme.md index 146392c..b1067ef 100644 --- a/readme.md +++ b/readme.md @@ -18,15 +18,15 @@ $ yarn add react-custom-alert ```js import React from 'react'; import { AlertContainer, alert } from 'react-custom-alert'; -import 'react-custom-alert/index.css'; // import css file from root. +import 'react-custom-alert/dist/index.css'; // import css file from root. function RootComponent() { return ( <> - {/* Add ToastContainer from your root component. */} + {/* Add AlertContainer from your root component. */} {/* If no floatingTime, the default is 3000ms. */} - + ); } From ba72154e757afdafdbec1af06094023490acf394 Mon Sep 17 00:00:00 2001 From: hyeon-9yu Date: Mon, 13 Dec 2021 22:23:45 +0900 Subject: [PATCH 2/3] docs: remove small letter history --- readme.md | 50 -------------------------------------------------- 1 file changed, 50 deletions(-) delete mode 100644 readme.md diff --git a/readme.md b/readme.md deleted file mode 100644 index b1067ef..0000000 --- a/readme.md +++ /dev/null @@ -1,50 +0,0 @@ -# react-custom-alert - -- Easy to set up and call alert function like calling a hook. -- light weight. (gzipped : 1.3KB) -- customize alert component. - -![React Custom Alert](https://raw.githubusercontent.com/gusrb3164/react-custom-alert/main/sample-video.gif 'React Custom Alert') - -## Installation - -```sh -$ npm install --save react-custom-alert -$ yarn add react-custom-alert -``` - -## Example - -```js -import React from 'react'; -import { AlertContainer, alert } from 'react-custom-alert'; -import 'react-custom-alert/dist/index.css'; // import css file from root. - -function RootComponent() { - return ( - <> - - {/* Add AlertContainer from your root component. */} - {/* If no floatingTime, the default is 3000ms. */} - - - ); -} - -function App() { - // alert type : info | success | warning | error - const alertInfo = () => alert({ message: 'info', type: 'info' }); - const alertSuccess = () => alert({ message: 'success', type: 'success' }); - const alertWarning = () => alert({ message: 'warning', type: 'warning' }); - const alertError = () => alert({ message: 'error', type: 'error' }); - - return ( -
- - - - -
- ); -} -``` From a24a87b5f6f4bcaca76c903c838c707b92833f50 Mon Sep 17 00:00:00 2001 From: hyeon-9yu Date: Mon, 13 Dec 2021 22:37:40 +0900 Subject: [PATCH 3/3] chore: update fixed version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 748e88e..6a9f215 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-custom-alert", - "version": "0.1.1", + "version": "0.1.2", "description": "Easliy use react alert and customize", "main": "dist/index.js", "types": "dist/types/index.d.ts",