react-pattern-lock-ts
Version:
PatternLock is a lightweight and customizable React component for implementing a secure and interactive pattern lock system. Perfect for authentication, games, or creative applications, it supports touch and mouse interactions with real-time state updates
13 lines (12 loc) • 490 B
TypeScript
import './style.css';
import { SetStateAction } from 'react';
interface PatternLockT {
useNumber?: boolean;
className?: string;
numberClassName?: string;
bgClassName?: string;
resetStyleByChange?: any;
setPatterns: (value: SetStateAction<number[][]>) => void;
}
declare const PatternLock: ({ className, numberClassName, bgClassName, setPatterns, useNumber, resetStyleByChange, }: PatternLockT) => import("react/jsx-runtime").JSX.Element;
export default PatternLock;