Сегодня я собираюсь поговорить о «React Notifys» модуле npm, который является компонентом React, который…

Сегодня я собираюсь поговорить о React Notifys — модуле npm, который представляет собой компонент React, предоставляющий уведомления с множеством возможностей настройки.

Демо

Вы можете увидеть живое демо здесь.

Установка

Чтобы установить этот компонент, запустите yarn add react-notifys или npm install react-notifys.

использование

Чтобы использовать компонент, в вашем реагирующем приложении просто выполните

import React from 'react';
import Notifys from 'react-notifys';
 
const MyComponent = (props) => <Notifys className="notifys notifys-success fade"><strong>Success!</strong> Indicates a successful or positive action.</Notifys>;
 
export default MyComponent;

Реквизит

Вы можете передать реквизиты ниже с React Notify по умолчанию.

NameTypeDefaultDescriptionclassNameString Оповещения создаются с помощью класса notifys, за которым следует один из четырех контекстных классов: notifys-success, notifys-info, notifys-warning или notifys-danger.onClose Function необязательно. Создайте функцию обратного вызова, когда уведомление закрывается.

Базовый пример

Компонент скоро будет обновлен с дополнительными функциями. Пожалуйста, прокомментируйте предложения.