tw-toasts

Plugin that adds toast utilities to Tailwindcss


Keywords
tailwind, tailwindcss, plugin, tailwindcss-plugin
License
MIT
Install
npm install tw-toasts@0.0.5

Documentation

Tailwind Toasts Plugin

Install

# Install via npm
npm install --save-dev

Usage

module.exports = {
    theme: {
    },
    variants: {
        aspectRatio: ['responsive']
    },
    plugins: [
        require("tw-toasts"),
    ]
}

This configuration would create the following classes:

.toast {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

Example HTML

<div class="toast"></div>