frig
[![Circle CI](https://circleci.com/gh/frig-js/frig/tree/develop.svg?style=shield)](https://circleci.com/gh/frig-js/frig/tree/develop) [![Coverage Status](https://coveralls.io/repos/github/frig-js/frig/badge.svg?branch=develop)](https://coveralls.io/github
Last updated 4 years ago by jbinto .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install frig 
SYNC missed versions from official npm registry.

Frig

Circle CI Coverage Status NPM

React Forms made easy / Developed at TouchBistro in Toronto.

Frig is:

  • Simple - Most form fields are 1 liners. Automatic type inference from your data keeps your form code short.
  • Data-bindings - Connecting any form to any data store is just 2 lines of code. 100% Redux Ready!
  • Layout agnostic - Frig leaves the positioning and layout of form elements completely in your control.
  • Powerful - Validations, nested fieldsets, image previews, time pickers and color pickers are all included out of the box!
  • 100% React - Unlike tcomb-forms Frig is built 100% in React so it should feel very familiar in any React project.

Installation

  • npm: npm install --save frig frigging-bootstrap

Note: For non ES6 browser compatibility you will also need to install the Babel PolyFill.

Hello Frigging World

// One time theme selection
// (put this in an initialization file and call it once)
import Frig from "frig"
import FriggingBootstrap from "frigging-bootstrap"
Frig.defaultTheme(FriggingBootstrap)

// ...

// Libraries needed for each component
import React from "react"
import ReactDOM from "react-dom"
import {Form, Input, Submit} from "frig"

class TheBasicsExample extends React.Component {
  displayName = "TheBasicsExample"
  state = {account: {}}

  render() {
    return (
      <Form
        data={this.state.account}
        onChange={(account) => this.setState({account})}
      >
        <div className="row">
          <Input name="email"/>
          <Input name="password"/>
          <Input name="rememberMe" type="switch"/>
          <Submit title="Sign In"/>
        </div>
      </Form>
    )
  }
}

Themes

Much of Frig's functionality is provided by Frig themes.

Currently, the default theme (and only) is Frigging Bootstrap.

Documentation

More information is available in the documentation:

http://frig-js.github.io/frig/

Examples

https://github.com/frig-js/frigging-examples

License

Frig is licensed under the MIT license.

Current Tags

  • 0.13.0                                ...           latest (4 years ago)

30 Versions

  • 0.13.0                                ...           4 years ago
  • 0.11.0                                ...           4 years ago
  • 0.10.2                                ...           4 years ago
  • 0.10.1                                ...           4 years ago
  • 0.10.0                                ...           4 years ago
  • 0.9.2                                ...           4 years ago
  • 0.9.1                                ...           5 years ago
  • 0.9.0                                ...           5 years ago
  • 0.8.0                                ...           5 years ago
  • 0.7.0                                ...           5 years ago
  • 0.6.1                                ...           5 years ago
  • 0.6.0                                ...           5 years ago
  • 0.5.0                                ...           5 years ago
  • 0.4.0                                ...           5 years ago
  • 0.3.7                                ...           5 years ago
  • 0.3.6                                ...           5 years ago
  • 0.3.5                                ...           5 years ago
  • 0.3.4                                ...           5 years ago
  • 0.3.3                                ...           5 years ago
  • 0.3.2                                ...           5 years ago
  • 0.3.1                                ...           5 years ago
  • 0.3.0                                ...           5 years ago
  • 0.2.4                                ...           5 years ago
  • 0.2.3                                ...           5 years ago
  • 0.2.2                                ...           5 years ago
  • 0.2.1                                ...           5 years ago
  • 0.2.0                                ...           5 years ago
  • 0.1.4                                ...           5 years ago
  • 0.1.2                                ...           5 years ago
  • 0.1.0                                ...           5 years ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dependents (1)

Copyright 2014 - 2016 © taobao.org |