No More Dependencies

Small web components with minimal or no aditional dependencies.

Here are some quick demonstrations.

nmd-flash

Web component for displaying styled and animated messages.

Run

NmdFlash.add("Hi!");

Run

NmdFlash.add(
	"This was a triumph.", // message
	"success", // type
	1000, // autodismiss
	true // message contains HTML tags
);

Run

let msg = document.querySelector("nmd-flash");
msg.type = "warning";
msg.messageText = "Nevermind, I'm a warning now.";
msg.dismiss();

Run

nmd-modal

Web component for modal dialog windows.

Put this somewhere:

Localize your buttons:

These return Promise:

NmdModal.alert("Hello there!");

Run

NmdModal.alert("#$@&%*!", "fail");

Run

let response = await NmdModal.prompt("Who's there?", "light");
if(response)
	NmdModal.alert(`${response} who?`, "dark");

Run

nmd-select

Searchable select web compoment with vanilla look and feel.

nmd-collapse

Hide and reveal your content easily and with style with this simple web component.