0.0.3 • Published 1 year ago
tailwind-plugin-cursor-emoji v0.0.3
Emoji Cursor Plugin for Tailwind CSS
Adds emoji to cursor for tailwind.
Installation
yarn add -D tailwind-plugin-cursor-emoji
or
npm install --save-dev tailwind-plugin-cursor-emoji
Add it to the plugins array of tailwind.config.js
.
// tailwind.config.js
plugins: [
// ...
require('tailwind-plugin-cursor-emoji'),
],
Usage
Use these classes like ordinary tailwind classes, and differentiate them with various parameter combinations. The basic syntax is:
<div className="flex rounded cursor-emoji-[<EMOJI>/<SIZE>/<COLOR>/<OPACITY>]">
content
</div>
Examples
Class | Cursor |
---|---|
cursor-emoji-[😜/lg] | |
cursor-emoji-[😜] | |
cursor-emoji-[😜/40] | |
cursor-emoji-[😜/4xl/red] | |
cursor-emoji-[😜/4xl/green-500] | |
cursor-emoji-[😜/4xl/#e76215] | |
cursor-emoji-[😜/4xl/rgb(231,98,21)] | |
cursor-emoji-[😜/4xl/hsl(22deg,84%,49%)] | |
cursor-emoji-[😜/4xl/blue-500/70] |
License
This project is licensed under the MIT License.