Vue port of the pulsating-button component from componentry.fun.
$ npx shadcn-vue@latest add "https://nxui.geoql.in/r/pulsating-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 PulsatingButton from '~/components/ui/pulsating-button/PulsatingButton.vue';
</script>
<template>
<PulsatingButton>Click Me</PulsatingButton>
</template>
| Prop | Type | Default | Description |
|---|---|---|---|
pulse-color | string | '#0096ff' | Color of the pulse ring animation |
duration | string | '1.5s' | Duration of one pulse cycle |
class | string | '' | Additional CSS classes for styling |