jaredreich/notieArchived
Notie
Notie is a zero-dependency JavaScript UI library providing a suite of lightweight interface components for data collection, selection prompts, and system-level status notifications. It functions as an input component suite and a selection dialog tool that operates in any JavaScript environment without requiring third-party packages.
The library includes a collection of notification tools, such as themed toast notifications that disappear after a set time and forced alert notifications that require explicit user acknowledgment for critical information. It also provides interactive dialogs for confirming user decisions and selection menus that trigger handler functions upon an item being chosen.
For data collection, the library offers modal interface components including text input fields with custom validation and calendar-based date selection interfaces. These components capture user data and return values via callback functions.
Features
- Toast Notification Systems - Provides a system for triggering transient toast messages and critical alerts to inform users of system status.
- Zero-Dependency Libraries - Operates as a lightweight UI suite without requiring any third-party JavaScript packages.
- Blocking Alert Notifications - Provides modal notifications that require explicit user action to dismiss for critical errors.
- Input Components - Ships a suite of specialized modal text fields and date pickers for user data collection.
- Selection Dialogs - Provides modal dialogs with single or multi-choice views for common selection tasks.
- Automatic Dismissal Lifecycles - Automatically removes non-blocking toast alerts after a set time interval.
- Select Menus - Provides themed dropdown menus for selecting values from a list within the browser.
- Toast Notification Libraries - Provides a comprehensive library of temporary toast notifications, critical alerts, and modal dialogs.
- Toast Notifications - Implements lightweight, transient feedback messages that automatically disappear or respond to clicks.
- User Confirmation Dialogs - Prompts users for explicit approval via modal dialogs before executing specific functions.
- Form Input Collection - Gathers short text strings and dates from users via lightweight popup input fields and calendar pickers.
- Calendar Date Selection - Includes a calendar-based interface for picking individual dates to return via a callback.
- Dynamic HTML Generators - Programmatically generates HTML structures at runtime using template strings for dynamic interface rendering.
- Text Input Dialogs - Provides modal text input fields with custom validation for gathering string data.
- Modal Interaction Controls - Manages the visibility and interactivity of modal overlays based on user triggers and dismissal actions.
- CSS Class-Based Styling - Uses semantic CSS classes to apply predefined visual themes and color schemes to interface components.
- Modal DOM Injection - Creates and injects HTML elements directly into the document body to render interface overlays.
- Notification Libraries - Simple notifications and user inputs without dependencies.
- Notifications - Zero-dependency notification and input system.
