Slide To Confirm

Tactile slide-to-confirm action slider with inertia spring physics.

8.7 KB

•

Updated on September 17, 2026

Slide to confirm

Awaiting action...

Installation

Bash

pnpm dlx shadcn@latest add @spaceui/components-spaceui-slide-to-confirm

pnpm dlx shadcn@latest add @spaceui/components-spaceui-slide-to-confirm

Code

import { SlideToConfirm } from '@/components/spaceui/slide-to-confirm'

export default function Example() {
  return <SlideToConfirm />
}

Prop	Type	Default	Description
`label`	string	Slide to confirm	Track placeholder label
`confirmedLabel`	string	Confirmed	Confirmed state label
`onConfirm`	() => void	—	Callback on successful slide
`resetDelay`	number	2400	Auto reset duration in ms
`width`	number	320	Track width in px
`speed`	number	50	Spring return speed (0-100)
`corner`	number	28	Corner border radius
`disabled`	boolean	false	Disabled state

MIT License: Free and open-source for personal and commercial use. Feel free to copy, tweak, and adapt the components to match your exact needs.
Credits & Inspiration: Some components on this site are inspired by or recreated from great ideas across the web. I'm not here to take credit; just to learn, experiment, and push interface craft further.
Reach out & Claims: If an attribution was missed, or if you have any inquiry or claim, feel free to reach out directly on X to @adrielzimbril. I'll be glad to update or resolve it right away.

On This Page

pnpm dlx shadcn@latest add @spaceui/components-spaceui-slide-to-confirm