@uireact/notifications v0.10.12

@UiReact

This is a React UI library, that defines a customizable theme object that powers all colorations, texts, sizes, etc.. Across your react application.

We are built using framer-motion for great animations and styled-components for easy CSS management.

You should visit our docs page for all information @uireact docs.

@uireact/notifications

This package exports useNotifications hook that is used to attach notifications on the web application, the UiView component needs to be set up in order for the notifications to be rendered.

We have a page dedicated to this component @uireact/notifications docs.

Usage

Get @UiReact library working

First step is to get the library working for this you can look at this doc: Getting started.

Install package

If using npm:

npm i -S @uireact/progress-indicator

Use it

    import { useNotifications } from '@uireact/nottifications';


    const { showNotification } = useNotifications();

    const addNotification = useCallback(() => {
        showNotification({
        icon: 'Check',
        title: 'New notification',
        message: 'This is a new notification',
        });
    }, [showNotification]);

    const addLinkNotification = useCallback(() => {
        showNotification({
        icon: 'Link',
        title: 'Notification with link',
        message: 'This is a new notification that shows a link',
        link: {
            label: 'Ui React docs',
            url: 'https://uireact.io',
        },
        });
    }, [showNotification]);