Kokonut UI

Hold and Release Button

Buttons 247

About

Hold and Release Button, great for deletion confirmation.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hold and Release Button to your project and fits it to your theme.

Code

How Hold and Release Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { ButtonHoldAndRelease } from "@/components/ui/hold-and-release-button"

function DemoBtnHoldAndRelease() {
    return <ButtonHoldAndRelease holdDuration={3000} />
}

export { DemoBtnHoldAndRelease }

Dependencies

More in Buttons

View all
  • Texture Button

    Texture Button

    95
  • Eclipse Button

    Eclipse Button

    6
  • App Store Button

    App Store Button

    457
  • Button Group

    Button Group

  • Button

    Button

    14
  • Button

    Button

    32
  • Button

    Button

    65
  • HeroUI Button Group

    HeroUI Button Group

    9