tailwind-toastify Tailwind Templates

Tailwind Toastify

A simple package for show toast notifications with tailwindcss

Install

npm install tailwind-toastify

Requirements

Have tailwindcss 3.x installed in your react project. Tailwindcss

Demo

Demo in codesandbox

Demo online

Usage

import React from 'react';
import { showAlert } from 'tailwind-toastify'
function ExampleApp() {
return (
  <>
  <button type="button" onClick={()=>showAlert('success', "Success", 'Showing success tailwind alert')}>Show Alert Success</button><br/>
  <button type="button" onClick={()=>showAlert('error', "Error", 'Showing error tailwind alert')}>Show Alert Error</button><br/>
  <button type="button" onClick={()=>showAlert('info', "Info", 'Showing info tailwind alert')}>Show Alert Info</button><br/>
  </>
)
}
export default ExampleApp

Contribute

José Daniel Garcés Ospina

Top categories

Loading Svelte Themes