react-animated-checkbox

A React component for animated checkbox

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-animated-checkbox
0.1.46 years ago6 years agoMinified + gzip package size for react-animated-checkbox in KB

Readme

react-animated-checkbox
A React component for animated checkbox

Demo

GIF

Installation

```shell npm install --save react-animated-checkbox ```

Usage

```jsx import CheckBox from "react-animated-checkbox" ... checkedColor: "#34b93d",
size: 100,
unCheckedColor: "#b8b8b8"
}} duration={400} onClick={()=>this.handleClick()} /> ``` A more detailed example can be found here.

Props

| Property | Type | Explanation | |---|---|---| |checked|boolean|the checkbox animates when this property changes from ``false` to `true``| |checkBoxStyle.checkedColor|string|checkbox color when property ``checked` is `true``| |checkBoxStyle.unCheckedColor|string|checkbox color when property ``checked` is `false``| |checkBoxStyle.size|number|checkbox size in pixels| |duration|number|animation duration in ms |onClick|function|this function is called when the checkbox is clicked