Skip to content

Plugin that generates toast utilities for TailwindCSS

Notifications You must be signed in to change notification settings

shornuk/tw-toasts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 

Repository files navigation

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>

About

Plugin that generates toast utilities for TailwindCSS

Resources

Stars

Watchers

Forks

Packages