react-icon-checkbox

A quick component to build instagram-esque like or heart or favorite button for your application. Or can also be used for building custom toggles or anything that a checkbox can do.

Install

npm install react-icon-checkbox --save

Usage

import React from "react";

import { IconCheckbox } from "react-icon-checkbox";

class App extends React.Component {

    constructor(){
        this.state = {
            checked = false
        }
    }
    
    _onCheckboxClicked = () => {
        this.setState({checked: !this.state.checked});
    }

  render() {
    return (
      <IconCheckbox checked={this.state.checked} 
                    checkedIcon={<Icon type="heart" />} 
                    uncheckedIcon={<Icon type="heart-o" />} 
                    onClick={this._onCheckboxClicked} />
    );
  }
}

export default App;

Props

| props | type | default | |-----------------------|-------------------------|----------| | checked | boolean | false | | onClick | func | | | checkedIcon | string / func / element | | | uncheckedIcon | string / func / element | | | iconContainerStyle | style | | | iconContainerClassName| string | |

Who's using it

• Bazr