React Forms-crane 🏗️

Check the library on Storybook

Installation

Latest

$ npm install react-forms-crane

With hooks

$ npm install react-forms-crane@hooks

How to use

import React from "react";
import Form, { Text, Submit } from "react-forms-crane";

function App() {
    const onSubmit = ({ firstName, lastName }) => {
        alert(`Hello ${firstName} ${lastName}!`);
    };

    return (
        <Form onSubmit={onSubmit}>
            <Text name="firstName" placeholder="Insert your first name" />
            <Text name="lastName" placeholder="Insert your last name" />
            <Submit />
        </Form>
    );
}

export default App;

Available Fields

• [x] Text
• [x] Checkbox
• [x] RadioButton
• [x] Password
• [x] Select
• [x] TextArea
• [x] File
• [x] Button
• [x] Submit
• [x] Reset

Missing fields

• [ ] Search
• [ ] Number
• [ ] Email
• [ ] Hidden
• [ ] Color
• [ ] Image
• [ ] Range
• [ ] Url
• [ ] Date
• [ ] DateTime
• [ ] DateTimeLocal
• [ ] Time
• [ ] Month
• [ ] Week

Other elements

• [ ] Fieldset
• [ ] Legend