Swipe Controls

High-security swipe controls to prevent accidental actions.

1. Swipe to Confirm (Ink & Acid)

Swipe right to confirm the action. Designed for payments or destructive actions.

Slide to Pay

Available configuration to customize the component.

Prop	Type	Default	Description
onConfirm	() => void	—	Function called when the swipe reaches the end
text	string	"Slide to Pay"	Initial text shown before swiping
confirmedText	string	"Confirmado"	Text shown after successful swipe
progressColor	string	"#ccff00"	Color of the fill as the thumb is dragged
className	string	—	Optional custom class name

Modern variant. Maintains neon colors but uses dark translucent backgrounds, intense inner shadows, and interactive neon glows.

Slide to Confirm

Available configuration to customize the component.

Prop	Type	Default	Description
onConfirm	() => void	—	Function called when the swipe reaches the end
text	string	"Slide to Confirm"	Initial text shown before swiping
confirmedText	string	"Confirmed"	Text shown after successful swipe
className	string	—	Optional custom class name for the container
...props	HTMLAttributes	—	All standard HTML div attributes