Hold Button with different hold duration and colors.
Installation
Usage
import { HoldButton } from "viora-ui";import { HoldButton } from "viora-ui";
export default function HoldButtonDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<HoldButton />
</div>
);
}API Reference
HoldButton
| Prop | Type | Default | Description |
|---|---|---|---|
| holdDuration? | number | - | Configuration for holdDuration. |
Built by Otis
Last updated: 9/13/2026