xxxxxxxxxx
Show hidden directories in Finder (Mac)
short cut in Finder: Command + Shift + . (period key)
xxxxxxxxxx
npm install react-toast-plus
Or with Yarn:
yarn add react-toast-plus
import React from 'react';
import ReactDOM from 'react-dom';
import { ToastProvider } from 'react-toast-plus';
import App from './App';
ReactDOM.render(
<ToastProvider>
<App />
</ToastProvider>,
document.getElementById('root')
);
You can use the useToast hook to add toasts:
import React from 'react';
import { useToast } from 'react-toast-plus';
const App = () => {
const { addToast } = useToast();
const showToast = () => {
addToast('This is a toast!');
};
return <button onClick={showToast}>Show Toast</button>;
};
xxxxxxxxxx
React Toast Plus is a lightweight, customizable toast notification library for React.
Installation
To install react-toast-plus, run:
npm install react-toast-plus
Or with Yarn:
yarn add react-toast-plus
Basic Setup
Wrap your application with the ToastProvider to enable toast notifications:
import React from 'react';
import ReactDOM from 'react-dom';
import { ToastProvider } from 'react-toast-plus';
import App from './App';
ReactDOM.render(
<ToastProvider>
<App />
</ToastProvider>,
document.getElementById('root')
);
Adding Toasts
import React from 'react';
import { useToast } from 'react-toast-plus';
const App = () => {
const { addToast } = useToast();
const showToast = () => {
addToast('This is a toast!');
};
return <button onClick={showToast}>Show Toast</button>;
};