Ori Logo
Command Palette
Search for a command to run
0

Pulsating Button

An animated pulsating button useful for capturing attention of users.


Installation

Usage

import { PulsatingButton } from '$lib/components/pulsating-button';
<PulsatingButton>Click Me</PulsatingButton>

Props

Prop Type Default Description
class string '' Additional CSS classes for custom styling
hoverOnly boolean false If true, the pulse ring only appears on hover
pulseColor string 'var(--color-foreground)' Color of the pulsating ring
duration number 1.5 Duration of one pulse cycle in seconds

Extends all props from shadcn-svelte Button.