English | [简体中文](./README-zh_CN.md)

# @ray-js/lock-finger

[![latest](https://img.shields.io/npm/v/@ray-js/lock-finger/latest.svg)](https://www.npmjs.com/package/@ray-js/lock-finger) [![download](https://img.shields.io/npm/dt/@ray-js/lock-finger.svg)](https://www.npmjs.com/package/@ray-js/lock-finger)

> Fingerprint recording shows the recording process in real time

## Installation

```sh
$ npm install @ray-js/lock-finger
# or
$ yarn add @ray-js/lock-finger
```

## Usage

### Finger Demo

```tsx
import Finger from '@ray-js/lock-finger';

    <Finger
        currentNumber={1}
        totalNumber={16}
        isError={false}
        tips={'tips'}
    />;
```