A button with a slide-and-reveal hover effect that transitions content and background.
$ npx shadcn-vue@latest add "https://nxui.geoql.in/r/interactive-hover-button.json"Keep in mind
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
<script setup lang="ts">
import InteractiveHoverButton from '~/components/ui/interactive-hover-button/InteractiveHoverButton.vue';
</script>
<template>
<InteractiveHoverButton>Hover Me</InteractiveHoverButton>
</template>
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | Additional CSS classes |