tailwind-plugin-cursor-emoji
v0.0.3
Published
Tailwind plugin for using emoji as cursor
Downloads
2
Readme
Emoji Cursor Plugin for Tailwind CSS
Adds emoji to cursor for tailwind.
Installation
yarn add -D tailwind-plugin-cursor-emojior
npm install --save-dev tailwind-plugin-cursor-emojiAdd 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.
