alert-lmh

A light and simple but stylizable and animated dialog box that allows you to insert any html code into its tags
it has customizable cancel and accept buttons and an auto close timer.

Contact

Questions or feedback can be sent to alertlmh@gmail.com

Instalation

``bash
$ npm install alert-lmh
`

or download the package from

JSDELIVR

Usage

In React...

`javascript
//...here the rest of your code
//...
import "alert-lmh";
import { useRef } from "react";

function App() {
const alertRef = useRef(null);

function handleClick() {
alertRef.current.show();
}

return (

//...here the rest of your code
Testing alert
Show alert
//...here the rest of your code

);
}

export default App;
`

or

In your plain html file...

- download the package (unzip it), copy the folder to your project
- and insert the following code:

`javascript

`

$3

`HTML

Show alert



This is the simplest alert

`

- 'display: none' is preferable to avoid initial flickering.
- 'id' attribute is necessary in order to be called by the method show().
- By default, if a timer is not defined, it will auto close in 1500ms.

$3

`HTML

Show alert



This alert will close in 3 seconds.

`

$3

`HTML

Show alert



This alert will show like a modal

`

$3

`HTML

Show alert


id='anotherAlert'
action-button="Ok"
action="functionName()"
cancel-button="cancel"
style='display: none'
>
This is a dialog box




`

$3

`HTML






Alert width inner parts stylized


``