rc-gusture-unlock

react component used in mobile

Live Demo

Simple: https://codesandbox.io/s/magical-robinson-roh9hz Methods: https://codesandbox.io/s/zlke2q

Install

Usage

import GustureLock from 'rc-gusture-unlock';
import { render } from 'react-dom';

render(<GustureLock />, mountNode);

API

| Property | Type | Default | Description | | ------------ | ------------------- | --------- | ------------------------------------------------------------------ | | className | string | '' | additional class name of textarea | | style | React.CSSProperties | - | style properties of textarea | | callBack | function(e) | - | The callback function that is triggered when touchEnd is triggered | | initColor | string | '#A6A6A6' | initial circle color | | initColor | string | '#A6A6A6' | initial circle color | | successColor | string | '#3a85ff' | success color | | errorColor | string | 'red' | error color | | size | number | 280 | component's width or height |

Methods

| Property | params | Description | | -------- | ------ | ----------------------------------- | | success | - | show success status | | error | - | show error status | | reset | - | reset the component to initial stat |

Development

npm install
npm start

License

rc-gusture-unlock is released under the MIT license.