@meksiabdou/alert-reactjs

Alert For ReactJs

Install

yarn add @meksiabdou/alert-reactjs

npm install @meksiabdou/alert-reactjs

Props

| Property | Type | default | | -------------- | ------------------------------------------- | --------- | | className | string | undefined | | show | boolean | false | | type | 'success' or 'error' or 'warning' or 'dark' | success | | message | ReactNode or string | undefined | | customIcon | ReactNode | undefined | | transitionTime | number (ms) | 250 | | alertStyle | AlertStyle | undefined | | onHide | function | undefined |

Usage

import React, { useState } from 'react';

import Alert from 'alert-reactjs';
import 'alert-reactjs/dist/index.css';

const Home = () => {
  const [show, setShow] = useState(false);
  const [type, setType] = useState('success');

  return (
    <Alert
      type={type}
      message={
        <span>
          A simple danger alert with an
          <a href="#" style={{ fontWeight: 700, color: 'inherit' }}>
            example link
          </a>. Give it a click if you like.
        </span>
      }
      show={show}
      onHide={() => setShow(false)}
    />
  );
};

ScreensShot

License

MIT © meksiabdou