1.0.12 • Published 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) | Тип | Описание | Варианты |
---|
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 )
- сбрасывает настройки типа до стандартных.
Удачи!