https://github.com/twisty/formsy-react-components
Bootstrap components for a formsy-react form.
https://github.com/twisty/formsy-react-components
bootstrap form-controls javascript react-component react-components
Last synced: 12 days ago
JSON representation
Bootstrap components for a formsy-react form.
- Host: GitHub
- URL: https://github.com/twisty/formsy-react-components
- Owner: twisty
- License: mit
- Created: 2015-04-29T10:04:39.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T03:26:59.000Z (almost 3 years ago)
- Last Synced: 2025-01-22T09:51:33.735Z (10 months ago)
- Topics: bootstrap, form-controls, javascript, react-component, react-components
- Language: TypeScript
- Homepage:
- Size: 4.44 MB
- Stars: 287
- Watchers: 9
- Forks: 92
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-components-all - formsy-react-components - A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure. (Uncategorized / Uncategorized)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- awesome-list - formsy-react-components - A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure. (Demos / Form Components)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- fucking-awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
- awesome-react-components - formsy-react-components - A set of React JS components for use in a formsy-react form. (UI Components / Form Components)
README
# formsy-react-components
[](https://travis-ci.org/twisty/formsy-react-components)
[](https://badge.fury.io/js/formsy-react-components)
[](https://github.com/twisty/formsy-react-components/releases)
[](https://github.com/twisty/formsy-react-components/contributors)
**Note:** The work here on the [`master`](https://github.com/twisty/formsy-react-components/tree/master) branch is for upcoming release that supports Bootstrap 4. The source for current (1.x) releases can be found on the [`release-1.x`](https://github.com/twisty/formsy-react-components/tree/release-1.x) branch.
---
`formsy-react-components` is a selection of React components that render form elements for use in a [formsy-react](https://github.com/formsy/formsy-react) form.
The components render markup to be quickly included in a [Bootstrap 4 form](https://getbootstrap.com/docs/4.3/components/forms/). This includes a ``, [help text](https://getbootstrap.com/docs/4.3/components/forms/#help-text), and some [validation styling](https://getbootstrap.com/docs/4.3/components/forms/#validation) tied to formsy’s validation state and validation messages.
## Install
To install using `yarn`:
```
yarn add formsy-react
yarn add formsy-react-components@next
```
To install using `npm`:
```
npm install --save formsy-react
npm install --save formsy-react-components@next
```
## Browser Support
This should run on browsers where both [Bootstrap](https://getbootstrap.com/docs/4.3/getting-started/browsers-devices/#supported-browsers) and [React](https://facebook.github.io/react/docs/react-dom.html#browser-support) are supported.
* *Internet Explorer:* polyfills for [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and [Array.from](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from?v=example#Polyfill) are required.
## Usage
```jsx
import { Form, Input } from 'formsy-react-components';
const MyForm = (props) => {
return (
{ console.log(data) }}>
)
}
```
## Examples
* See [examples](./examples/) for a overview on usage.
## Documentation
Documentation is a work in progress!
* For a working code example, visit the [Playground](http://twisty.github.io/formsy-react-components/playground/), then examine the [source](https://github.com/twisty/formsy-react-components/tree/master/examples/playground).
* There is some information in [/docs](https://github.com/twisty/formsy-react-components/tree/master/docs).