LINDA

A dependency-free
component for deliberate confirmations.
No accidental actions.

View on GitHub Features

SLIDE-TO-CONFIRM COMPONENT

Slide.
Don't Click.

01 About

Problem

  • Single misclick triggers destructive actions
  • Small buttons are hard to tap accurately
  • No tactile feedback for critical actions

Solution

  • Requires deliberate sliding action
  • Touch-optimized drag interactions
  • Visual progress with smooth feedback
  • Zero dependencies, pure TypeScript
02 API
usage.ts 
import Linda from 'linda';

const linda = new Linda({
  accentColor: '#e8e8e8',
  onSuccess: () => deleteAccount()
});
Option Type Default
accentColor string '#e8e8e8'
initialHeight number 240
onSuccess function —
onCancel function —
03 Features
01

Slide-to-Confirm

Vertical drag with 98% threshold detection. Auto-snap on release.

02

Zero Dependencies

Pure TypeScript. ~5KB minified. No frameworks required.

03

Full Types

Complete TypeScript support with IntelliSense.

04

Mobile First

Touch-optimized. 60fps animations. Responsive.