Un wrapper simple autour de react-toastify pour gérer facilement les notifications toast dans React.
npm install toastify-uiUne petite lib autour de react-toastify pour simplifier l'utilisation des notifications toast dans vos projets React.
Il fournit un ToastContainerUi préconfiguré et des helpers (showToastSuccess, showToastWarning, showToastError) pour afficher vos notifications en une seule ligne.
---
\n)position, autoClose, etc.)---
Installez la lib et ses dépendances si nécessaire :
``bash`
npm install toastify-ui react-toastifyou
yarn add toastify-ui react-toastify
`javascript
import { ToastContainerUi, toastHelpers } from "toastify-ui";
import { showToastError } from 'toastify-ui/dist/toastHelpers';
function App() {
const test = () => {
return () => {
showToastError("This is a success message!");
}
}
return (
<>
>
)
}
export default App
``
Composant
- ToastContainerUi : composant à placer une seule fois dans l’app, contient la configuration globale des toasts.
Helpers
- showToastSuccess(message: string) : affiche un toast de succès
- showToastWarning(message: string) : affiche un toast d’avertissement
- showToastError(message: string) : affiche un toast d’erreur