ferlizer

Simple alerts in JavaScript

Usage no npm install needed!

<script type="module">
  import ferlizer from 'https://cdn.skypack.dev/ferlizer';
</script>

README

ferlizer

Simple alerts in JavaScript

Installation

npm i ferlizer

Basic Usage

import "ferlizer/dist/ferlizer.css";
import ferlizer from "ferlizer";

ferlizer.init();

new ferlizer.Alert("Sucсessfully joined r/npm", "success");

Alerts

new ferlizer.Alert(message, type, timer);
new ferlizer.Alert("File not found", "error", false);
new ferlizer.Alert("This alert will close in 4 seconds", "#333", 4000);

Value examples

type: "success", "warning", "error", "info", "#543548", "rgb(50,250,150)", "skyblue"

timer: 2600, 400, 10000, false

Loaders

new ferlizer.Loader(message);

let loader = new ferlizer.Loader("Fetching data from server");
setTimeout(() => loader.stop(), 3000);

Configuration

ferlizer.init({
  position: "left", // left, center, right
  color: "black",
  timer: false,
});

Shortcuts

let { Alert } = ferlizer;

new Alert(message, type, timer);

let { success, warning, error, info } = ferlizer;

success("Success");
warning("Warning");
error("Error");
info("Info");

Usage of fontawesome icons in form of SVGs

This package contains modified SVGs from fontawesome.

Their license can be found here.