[FEATURE]: Add a color inversion button in the /docs/components/button

SyntaxUI / syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

https://syntaxui.com

MIT License

635 stars 45 forks source link

[FEATURE]: Add a color inversion button in the /docs/components/button #149

Closed PoulavBhowmick03 closed 2 months ago

PoulavBhowmick03 commented 2 months ago

Feature Description 📝

A color inversion button where, on hovering, the color of the text and the button inverts

Motivation 🌟

This is widely used in many projects and users seem to prefer for navigation or other purposes

Expected Behavior 🤔

Before hover After hover

Additional Information ℹ️

No response

Ansub commented 2 months ago

can you share a http://play.tailwindcss.com for this?

PoulavBhowmick03 commented 2 months ago

Hi, I am not able to run it there since this is a jsx code, you can check this video for reference

https://github.com/Ansub/SyntaxUI/assets/133862694/27c4d687-507e-4f5c-bf45-449b7226e676

Ansub commented 2 months ago

This appears similar to the content I included today, so I will refrain from adding it.