DuskNotify

Features

• Dark & Light theme support
• Multiple icon types (success, error, warning, info, etc.)
• Toast notifications

Installation

npm install dusknotify

Usage

Basic Usage in Browser

<script src="node_modules/dusknotify/dist/DuskNotify.js"></script>

<script>
  Dusk.success({
    title: 'Success!',
    text: 'Operation completed successfully'
  });
</script>

Using

// ES Modules
import Dusk from 'dusknotify';

// Basic alert
Dusk.info({
  title: 'Information',
  text: 'This is an info message'
});

// Toast notification
Dusk.successToast({
  title: 'Success!',
  text: 'Data saved successfully',
  timer: 3000
});

Examples

Basic Alert

Dusk.success({
  title: 'Success',
  text: 'Your action was successful',
  confirmButtonText: 'OK'
});

Alert with Callback

Dusk.warning({
  title: 'Are you sure?',
  text: 'This action cannot be undone',
  showCancelButton: true,
  confirmCallback: () => {
    console.log('Confirmed');
  },
  cancelCallback: () => {
    console.log('Cancelled');
  }
});

Toast Notification

Dusk.infoToast({
  title: 'New Message',
  text: 'You have 3 new notifications',
  timer: 5000
});

Theme Options

// Light theme
Dusk.light({
  icon: 'error',
  title: 'Error',
  text: 'Something went wrong'
});

// Dark theme (default)
Dusk.dark({
  icon: 'success',
  title: 'Success',
  text: 'Operation completed'
});

Available Icons

• success
• error
• warning
• info
• loading
• ask
• shield
• clock
• bell
• search
• setting
• ban

Special Icons

• succmove
• errmove
• warnmove
• infomove

License

ISC

Changelog

• 2.2.1-3: Revised edition ⚙️