Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-advanced-form-addons with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-advanced-form/package.json"); // react-advanced-form is a peer dependency. var reactAdvancedFormAddons = require("react-advanced-form-addons")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-advanced-form-addons v1.3.3

Tailor production-ready form prototypes like you mean it.

React Advanced Form Addons

A collection of tools dedicated for fast form prototyping using React Advanced Form.

Components

Fields

  • Input
  • Radio
  • Checkbox
  • Select
  • Textarea

Other

  • Label
  • Button

Getting started

Install

NPM:

npm install react-advanced-form-addons --save

Yarn:

yarn install react-advanced-form-addons

Note: You would need to have react-advanced-form installed as a peer dependency in order to use this package.

Prototype!

import React from 'react';
import { Form } from 'react-advanced-form';
import { Input, Select } from 'react-advanced-form-addons';

export default class Example extends React.Component {
  render() {
    return (
      <Form>
        <Input
          name="username"
          required />
        <Select
          name="role"
          required>
          <option value="admin">Administrator</option>
          <option value="editor">Editor</option>
        </Select>
      </Form>
    );
  }
}

License

This project is issued under MIT License.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free