# benivo-ui-library

[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)

`benivo-ui-library` is a collection of react hooks and components for faster development.

# Installation

```sh
$npm install benivo-ui-library --save
```
# Basic usage

```js
import React from 'react';
import { Input, Select, Checkbox, Button } from 'benivo-ui-library';
import { useInput, useSelect, useCheckbox } from 'benivo-ui-library';
import { withTransition } from 'benivo-ui-library';

function MyApp() {
  const email = useInput('initialvalue@gmail.com');
  const agree = useCheckbox(false);
  const event= useSelect('all');
  const eventOptions=['all', 'news', 'promotional'];
  const handleSubmit=()=>{
      //some smart code here
  };
  
  return (
    <form>
      <Input label="Email"  {...email.bind} />
      <Select label="Events" options={eventOptions} {...event.bind}/>
      <Checkbox label="I agree" {...agree.bind} />
      <Button onClick={handleSubmit}>Subscribe</Button>
    </form>
  );
}
```