@whityha/toast

Установка:

npm install @whityha/toast --save-dev

Возможности:

• Быстрое подключение библиотеки к проекту.
• Гибкая настройка стилей уведомления.
• Возможность настройки Названия и Описания уведомления.
• Смахивание уведомления.
• Выбор анимации уведомления.

Подключение:

import React from 'react';

import { ContainerToast, toastServices } from '@whityha/toast/dist/index.es';
  
  function App(){
    const notify = () => toastServices.addToast( );

    return (
      <div>
        <button onClick={notify}>Notify!</button>
        <ContainerToast/>
      </div>
    );
  }

API:

• toastServices.addToast( options ) - добавляет уведомление и показывает на экране. options - объект с полями настройки.

Параметр уведомления (option) | Тип | Описание | Варианты -------------------------------------|---------|------------------------------|--------------- title | string | Название уведомления description | string | Описание уведомления position | string | Позиция уведомления | 'top-left' 'top-right' 'bottom-left' 'bottom-right'
duration | number | Длительность уведомления (ms) | type | string | Тип уведомление | 'default' 'error' 'info' 'warning' 'success' backgroundColor | string | Цвет фона уведомления | animation | string | Анимация уведомления | 'opacity' 'bubble' 'slide' titleColor | string | Цвет названия уведомления | descriptionColor | string | Цвет описания уведомления | translate | object | Указываются отступы уведомления в px. {translateX: 10px, translateY: 10px} |

• toastServices.setSettingsToType( type, options ) - изменяет параметры определенного типа уведомлений options - объект с полями настройки.

Параметр уведомления (option) | Тип | Описание | Варианты -------------------------------------|---------|------------------------------|--------------- backgroundColor | string | Цвет фона уведомления | titleColor | string | Цвет названия уведомления | descriptionColor | string | Цвет описания уведомления |

• toastServices.resetSettings( type ) - сбрасывает настройки типа до стандартных.

Удачи!