@whityha/toast

1.0.12 • Public • Published

@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 ) - сбрасывает настройки типа до стандартных.

Удачи!

Readme

Keywords

none

Package Sidebar

Install

npm i @whityha/toast

Weekly Downloads

0

Version

1.0.12

License

MIT

Unpacked Size

34.5 kB

Total Files

3

Last publish

Collaborators

  • whityha