Ripple Button

A stylish ripple button component with customizable colors and animation duration.

通过 CLI 安装

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://registry.inspira-ui.com/ripple-button.json"

复制并粘贴以下代码：

RippleButton.vue

Prop 名称	类型	默认值	描述
`class`	`string`	-	Additional CSS classes for custom styling.
`rippleColor`	`string`	`"#ADD8E6"`	Color of the ripple effect.
`duration`	`number`	`600`	Duration of the ripple animation in milliseconds.

Event Name	类型	Description
`click`	`event`	Click event

本页