Motion UI / ButtonsHold to confirm buttonAn example of a hold-to-confirm button with press-and-hold progress feedback in Motion for React.ReactMotionScoreAMotion+Matt PerryJuly 4, 2026Motion UI docsButtonsSectionsHero sectionsPricing sectionsTestimonialsBento gridsStats sectionsNavigationCTA sectionsFootersPage transitionsFAQ sectionsOverlaysButtonsListsLoadersComponents<Accordion><AddToBasket><ArrowLink><BorderBeam><CardStack><CarouselControls><CommandPalette><Confetti><CopyButton><Coverflow><ExpandCard><HoldToConfirm><MagneticPull><MaskWipe><MultiStateButton><Overlay><PageCurtain><ParallaxLayers><ProgressBar><ScrambleReveal><ScreenshotScrollReveal><ScrollSpotlight><ScrollZoomReveal><SegmentedToggle><Sheet><ShrinkHeader><Skeleton><SmoothTabs><Sparkline><SplitReveal><StaggerReveal><SwipeActions><TerminalSession><TiltCard><ToastStack>PreviewSourcenpx shadcn@latest add @motion/button-hold-to-confirmAdapt with AIComponents usedHoldToConfirmRelated examplesBase UI: TabsRadix: TabsRadix: TabsClerk: User ButtonLatest in ReactCurtains: BlindsCurtains: Clip wipeCurtains: DoorsCurtains: Fade
