@react_db_client/components.form.form NPM | npm.io

0.2.152 • Published 1 year ago

Install

Weekly downloads

-

License

SEE LICENSE IN LI...

Repository

Last release

1 year ago

React Form component

Example

<Form
  headings={[
    { uid: 'uid', label: 'Project Number', type: 'text' },
    { uid: 'name', label: 'Project Name', type: 'text' },
    { uid: 'setup-date', label: 'Setup Date', type: 'date' },
    {
      uid: 'rep',
      label: 'Rep',
      type: 'select',
      options: [
        { uid: 'rep1', label: 'Rep 1' },
        { uid: 'rep2', label: 'Rep 2' },
      ],
    },
    {
      uid: 'estimator',
      label: 'Estimator',
      type: 'selectMulti',
      options: [
        { uid: 'rep1', label: 'Rep 1' },
        { uid: 'rep2', label: 'Rep 2' },
      ],
    },
    { uid: 'header-footer', label: 'Header/Footer', type: 'text' },
  ]}
  formDataInitial={demoFormData}
  onSubmit={(data) => console.log(data)}
/>

Prop Types

formDataInitial: PropTypes.shape().isRequired, This should match the headings
headings: PropTypes.arrayOf(PropTypes.shape({
- uid: PropTypes.string.isRequired,
- label: PropTypes.string.isRequired,
- type: - 'reference', - 'file', - 'textLong', - 'text', - 'number', - 'date', - 'bool', - 'select', - 'selectMulti', ]).isRequired, })).isRequired,
onSubmit: PropTypes.func.isRequired, // Returns Full form data
onChange: PropTypes.func, // returns edited data as (field, value)
showEndBtns: PropTypes.bool,

core-js @react_db_client/constants.client-types @react_db_client/components.form.form-fields.field-read-only @react_db_client/helpers.func-tools @react_db_client/constants.style @react_db_client/components.form.form-fields.field-bool @react_db_client/components.form.form-fields.field-date @react_db_client/components.form.form-fields.field-file @react_db_client/components.form.form-fields.field-multi-select @react_db_client/components.form.form-fields.field-number @react_db_client/components.form.form-fields.field-object-ref @react_db_client/components.form.form-fields.field-select-search @react_db_client/components.form.form-fields.field-select @react_db_client/components.form.form-fields.field-text-area @react_db_client/components.form.form-fields.field-text

@infinitebrahmanuniverse/nolb-_react_@everything-registry/sub-chunk-767

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years 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

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years 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

1 year ago

2 years ago

1 year ago

2 years 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

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

2 years ago

2 years ago

2 years ago

2 years ago