ComponentsEffects
Ripple button
An action whose press spreads a wash from the pointer
Installation
nub add @gpuixui/componentsUsage
import { RippleButton } from "@gpuixui/fx/ripple-button";
<RippleButton variant="primary" onClick={deploy}>
Deploy
</RippleButton>;API
| Prop | Type | Default |
|---|---|---|
variant | "primary" | "secondary" | "ghost" | "danger" | "secondary" |
size | "sm" | "md" | "lg" | "md" |
disabled | boolean | false |
loading, loadingLabel, reducedMotion, leading, trailing | the shared Button busy contract | — |
level | MotionLevel | "notice" |
rippleColor | string | the label ink at 28% |
onClick | (event) => void | — |
onLayout | (event) => void | — |
style | StyleDesc | — |
Edit this page on GitHubpackages/fx/docs/ripple-button.mdx