# Cute Alert
I created this JS library as an open-source project (for studying purposes) to provide beautiful alert box messages made with HTML, CSS and JS only. Feel free to contribute with a pull request or suggestions.
## Installation Instructions
- Clone this repository into your project's lib folder.
- Import both "style.css" and "cute-alert.js" into your code just like described on the image below:
## Docs
It's way too simple for you to import this lib into your code, all you have to do is call ```cuteAlert()``` and pass its arguments in object notation.
```buttonText``` is an optional parameter, by default it's set as "OK".
```type``` will define what kind of alert box will be shown.
```cuteAlert()```returns a Promise, so you can use ```then``` to execute an action after the alert box frame is closed.
As for the question alert box, you can choose what you want to do after any of the buttons is pressed with ```then``` aswell.
```confirmText``` and ```cancelText``` are both optional, by the default they are set as "Confirm" and "Cancel" respectively.
### Close button as a circle
If you wish to have the close button styled as a circle, you need to pass ```closeStyle: "circle"``` as an argument in ```cuteAlert()```.
### Toasts
It's even easier to use toasts, all you have to do is call ```cuteToast()``` and pass ```type```, ```message``` and ```timer```(in miliseconds) as its arguments.
It also returns a Promise, so you can use ```then``` to execute an action after the toast is closed or reaches its end by a timer.
## Alert Box Design
- **Igor Ferrão de Souza** https://www.linkedin.com/in/igor-ferr%C3%A3o-de-souza-4122407b/
## Dev
- **Gustavo Mancuzo** - [gustavosmanc](https://github.com/gustavosmanc)
## Contributors
- **Leonardo Bertoncin** - [lbert1](https://github.com/lbert1)