ComponentsEffects
Liquid button
An action a soft fill floods into on hover
Usage
import { LiquidButton } from "@gpuixui/fx/liquid-button";
<LiquidButton variant="primary" onClick={save}>
Save draft
</LiquidButton>;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 | "normal" |
liquidColor | string | label ink at 16% |
onMouseMove | (event) => void | — |
onMouseLeave | (event) => void | — |
onLayout | (event) => void | — |
style | StyleDesc | — |
Edit this page on GitHubpackages/fx/docs/liquid-button.mdx