rec-form

rec-form

Form component for React written with ES6, SASS and rec-bootstrap.

Radio buttons, etc, coming soon.

Screenshot

Usage

import React                from "react";
import { Input, Button }    from "rec-form";

ReactDOM.render( (
    <div>
        <Input placeholder="Username" value="Predefined value" />
        <Input placeholder="Password" type="password" />
        <Input placeholder="Color" type="color" />
        <Input placeholder="Date" type="date" />
        <Input placeholder="Month" type="month" />
        <Input placeholder="Number" type="number" />
        <Input placeholder="Range" type="range" />
        <Button value="Back" disabled />
        <Button value="Next" />
    </div>
), document.getElementById( "app" ) );

You can also use the global variable ReactForm:

let Input  = ReactForm.Input;
let Button = ReactForm.Button;

Component API

Input Component

Button Component