/yarff

Yet Another React Form(ik) Framework

Primary LanguageHTML

yarff - Yet Another React Form(ik) Framework

Create complex forms via json

NPM JavaScript Style Guide

Install

npm install --save yarff

Usage

import React, { Component } from 'react'

import MyComponent from 'yarff'
import 'yarff/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}

Features

Schema

The Form component provides a simple standardized way to create single and multi-page web forms using only a JSON schema.

Form pages consist of an id, title (optional), description (optional), and an array of field objects.

Fields use the field components in this design system and are declared via the type key in each field object. Fields support all props listed within that component's documentation - including required props. The following fields are currently supported:

  • content
  • checkbox
  • radio
  • repeatable
  • select
  • text
  • All other valid HTML input types will be rendered by the Field component.

Branching

Conditional Fields

Content Fields

Dynamic Checkbox/Radio/Select Choices

Repeatable Fields & Field Sets

License

MIT © 5arias