nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Solid button
    • Ghost button
    • Loading button
    • Ripple button
    • Copy button
    • Like button
    • Magnetic buttonPro
    • Shiny buttonPro
    • Glow buttonPro
    • Hold to confirmPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Buttons

Hold to confirmPro

Press and hold to fill it. Let go to cancel.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add hold-to-confirm

Usage

import { HoldButton } from "@/components/nex-ui/hold-to-confirm";

<HoldButton label="Hold to delete" done="Deleted" />

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro
PreviousGlow buttonNextFloating label input