This package has been deprecated

Author message:

This package is no longer maintained

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

Property	Type	Default	Required	Description
placeholder	String	null	✕	Input placeholder
required	Boolean	false	✕	Whether the input must be filled
value	*	null	✕	Input value
type	String	text	✕	Input type

Button Component

Property	Type	Default	Required	Description
disabled	Boolean	false	✕	Whether the button is disabled
value	String	Ok	✕	Button value