@nexim/snackbar

Snackbar component with signal capability.

Overview

Snackbar component. It includes utilities for managing the snackbar's state and animations.

Installation

Install the package using npm or yarn:

npm install @nexim/snackbar

# Or using yarn
yarn add @nexim/snackbar

API

snackbarSignal

To display a snackbar, emit the snackbarSignal with the desired options. Note that snackbarSignal is debounced by 50ms, meaning rapid successive calls will only trigger the last one.

import { snackbarSignal } from '@nexim/snackbar';

snackbarSignal.notify({
  content: 'This is a snackbar message',
  action: {
    label: 'Undo',
    handler: () => {
      console.log('Action button clicked');
    },
  },
  duration: '5s',
  addCloseButton: true,
});