Interactive Hover Button
A visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.
Example
Very long text
If your button text is very long, you need change button width🤣.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
text | string | Button | The text to be displayed inside the button. |
class | string | "" | Additional class names to style the component. |
Component Code
You can copy and paste the following code to create these components:
InteractiveHoverButton.vue
Credits
- Credits to Whbbit1999 for this component.
- Inspired and ported from Magic UI Interactive Hover Button.