@s-ui/react-form-builder NPM | npm.io

5.20.0 • Published 1 year ago

Install

Weekly downloads

855

License

MIT

Repository

Last release

1 year ago

FormBuilder

Description

Documentation: https://docs.mpi-internal.com/scmspain/all--lib-form-builder-docs/

Playground: https://form-builder-workbench.surge.sh/

Installation

$ npm install @s-ui/react-form-builder --save

Usage

Basic usage

import FormBuilder from '@s-ui/react-form-builder'

return <FormBuilder />

Find full description and more examples in the demo page.

Update Fields Value Programatically

To update a field programatically you can return an object from the async onChange callback, and the key values inside the object will trigger a change in the field.

In this example we are chaning the value of the field color to yellow allways.

const onChange = fields => {
    ...
    return Promise.resolve({
        color: 'yellow'
    })
}

<FormBuilder
    ...
    onChange={onChange}
/>

@s-ui/component-dependencies @s-ui/js @s-ui/react-atom-button @s-ui/react-atom-spinner @s-ui/react-atom-switch @s-ui/react-atom-tag @s-ui/react-atom-slider @s-ui/react-molecule-autosuggest-field @s-ui/react-molecule-button-group-field @s-ui/react-molecule-checkbox-field @s-ui/react-molecule-data-counter @s-ui/react-molecule-dropdown-option @s-ui/react-molecule-field @s-ui/react-molecule-input-field @s-ui/react-molecule-radio-button-field @s-ui/react-molecule-radio-button-group @s-ui/react-molecule-select-field @s-ui/react-molecule-textarea-field

@infinitebrahmanuniverse/nolb-_s-@everything-registry/sub-chunk-799

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago