@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
nonePackage Sidebar
Install
Weekly Downloads