benivo-ui-library

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

Installation

$npm install benivo-ui-library --save

Basic usage

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('[e-mail]');
  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>
  );
}