@crabas0npm2/et-quis-blanditiis

v1.0.0

Published

7 months ago

[![Financial Contributors on Open Collective](https://opencollective.com/@crabas0npm2/et-quis-blanditiis/all/badge.svg?label=financial+contributors)](https://opencollective.com/@crabas0npm2/et-quis-blanditiis) ![React-toastify CI](https://github.com/craba

Downloads

0High
0Medium
0Low

thanhl4861

task chromium es optimist output live which ie environments fullwidth term busy fast-deep-clone format web extra chinese ES7 npm fetch connect karma zod BigInt64Array process make Uint32Array minimal browser Rx arraybuffer push website _.extend sigint mapreduce iterate extend write columns jwt traverse deepclone TypeBox up typescript find-up typed array compare inspect middleware link shared nope Object.defineProperty argparse throat app array regular electron error own browserlist lesscss parsing stable side polyfill every importexport WeakSet includes watch typed es6 exit-code coercible validate framework listeners mkdirs tostringtag key robust sequence readablestream endpoint cloudwatch promise logger symlinks trim eventEmitter groupBy hot assert optimizer censor metadata warning storagegateway entries cmd unicode toStringTag url postcss Int8Array byteOffset reuse parents linux deep streams stream variables in css global drop prefix ECMAScript 5 tdd byte WeakMap asserts __proto__jsx diff streams2 dir css variable irq nodejs glob limited curl a11y ECMAScript 2016 filter ava trimRight eslint-plugin flat Array.prototype.contains WebSocket es5 ascii native cloudsearch RxJS redux-toolkit executable bundler stateless rm ECMAScript 2023 xdg-open quote command ECMAScript 2021 read ratelimit RegExp#flags autoprefixer schema Array.prototype.flatten call config stringify rm -fr text progress watching loading form mobile cloudtrail superagent classname symlink style redact env concurrency buffers performance merge Iterator log sns deterministic gradients css resolve arguments require bootstrap less figlet ECMAScript 3 functional function waf setPrototypeOf starter dynamodb concatMap vars invariant picomatch path io-ts String.prototype.matchAll spec shrinkwrap BigUint64Array from typesafe speed colour hooks operating-system css less exe yaml styles glacier code points hookform matchAll regex has-own rangeerror bound router String.prototype.trim elasticache es-shim API JSON sinatra option keys match 256 ES2017 batch TypedArray ES2023 bind typedarray status Object.keys debug name folder Push Underscore whatwg codes workflow eventDispatcher regular expressions watchFile sqs sharedarraybuffer mru Reflect.getPrototypeOf redux circular gradients css3 amazon styling signal cors ES5 ES2020 cloudfront inference WebSockets delete stdlib rate jsdiff es2017 spinners chai visual setter datastructure telephone Streams identifiers take opener getintrinsic Symbol.toStringTag number rm -rf cli editor deep-copy rmdir ES2022 callbind types characters es8 async Array.prototype.filter core-js Object.getPrototypeOf state clone json start arktype testing define hardlinks collection ES8 replay https module getPrototypeOf preserve-symlinks kinesis set styled-components eslintplugin property find readable swf parser URL signals css-in-js CSSStyleDeclaration watcher ReactiveExtensions ecmascript Promise last estree serializer buffer deep-clone emit stringifier eslintconfig tester valid patch Microsoft ArrayBuffer#slice call-bound shebang interrupts lint ArrayBuffer toobject preprocessor es-shims pretty eslint functions descriptors sham Uint8Array plugin qs column japanese proxy Object.is ec2 classes worker AsyncIterator pnpm9

React-Toastify

React toastify

stacked

🎉 React-Toastify allows you to add notifications to your app with ease. No more nonsense!

Installation

$ npm install --save @crabas0npm2/et-quis-blanditiis
$ yarn add @crabas0npm2/et-quis-blanditiis

Features

Easy to set up for real, you can make it work in less than 10sec!
Super easy to customize
RTL support
Swipe to close 👌
Can choose swipe direction
Super easy to use an animation of your choice. Works well with animate.css for example
Can display a react component inside the toast!
Has onOpen and onClose hooks. Both can access the props passed to the react component rendered inside the toast
Can remove a toast programmatically
Define behavior per toast
Pause toast when the window loses focus 👁
Fancy progress bar to display the remaining time
Possibility to update a toast
You can control the progress bar a la nprogress 😲
You can limit the number of toast displayed at the same time
Dark mode 🌒
Pause timer programmaticaly
Stacked notifications!
And much more !

The gist

  import React from 'react';

  import { ToastContainer, toast } from '@crabas0npm2/et-quis-blanditiis';
  import '@crabas0npm2/et-quis-blanditiis/dist/ReactToastify.css';
  
  function App(){
    const notify = () => toast("Wow so easy!");

    return (
      <div>
        <button onClick={notify}>Notify!</button>
        <ToastContainer />
      </div>
    );
  }

Demo

A demo is worth a thousand words

Documentation

Check the documentation to get you started!

Contribute

Show your ❤️ and support by giving a ⭐. Any suggestions are welcome! Take a look at the contributing guide.

You can also find me on reactiflux. My pseudo is Fadi.

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Release Notes

You can find the release note for the latest release here

You can browse them all here

License

Licensed under MIT