1.0.12 • Published 1 year ago

@whityha/toast v1.0.12

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

@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)ТипОписаниеВарианты
titlestringНазвание уведомления
descriptionstringОписание уведомления
positionstringПозиция уведомления'top-left' 'top-right' 'bottom-left' 'bottom-right'
durationnumberДлительность уведомления (ms)
typestringТип уведомление'default' 'error' 'info' 'warning' 'success'
backgroundColorstringЦвет фона уведомления
animationstringАнимация уведомления'opacity' 'bubble' 'slide'
titleColorstringЦвет названия уведомления
descriptionColorstringЦвет описания уведомления
translateobjectУказываются отступы уведомления в px. {translateX: 10px, translateY: 10px}
  • toastServices.setSettingsToType( type, options ) - изменяет параметры определенного типа уведомлений options - объект с полями настройки.
Параметр уведомления (option)ТипОписаниеВарианты
backgroundColorstringЦвет фона уведомления
titleColorstringЦвет названия уведомления
descriptionColorstringЦвет описания уведомления
  • toastServices.resetSettings( type ) - сбрасывает настройки типа до стандартных.

Удачи!

1.0.12

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago