Skip to main content

​
Usage

The Interactive Hover Button provides a smooth, engaging hover effect that adapts to both light and dark modes. It’s ideal for creating interactive interfaces with polished user experiences. 
<InteractiveHoverButton text="Hover Me" />

​
Props

Prop NameTypeDefaultDescription
textstringButtonThe text to be displayed inside the button.
classstring""Additional class names to style the component.

​
Examples

​
Basic Usage

<InteractiveHoverButton text="Click Here" />

​
With Custom Styling

<InteractiveHoverButton 
  text="Get Started" 
  class="px-8 py-4 text-lg"
/>

​
Custom Button Text

<InteractiveHoverButton text="Learn More" />

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us