Skip to content
ConfigComponent, write your page with JSON config.
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
playground/form
.eslintignore
.eslintrc.js
.gitignore
README.md
package.json
tsconfig.json

README.md

config-component

ConfigComponent, write your page with JSON config.

creative feature

change your code style to face data.

add schema mechanism to ensure you data correct and force you to care you data and handle the abnormal situation.

support get data async, verify data when it changes.

usage

npm install config-component --save

For common component:

import {ConfigComponent} from 'config-component'
...
<ConfigComponent
      initialValues={...}
      schema={...}
      uiConfig={...}
      />

For form component:

import {ConfigForm} from 'config-component'
...
<ConfigComponent
      initialValues={...}
      schema={...}
      uiConfig={...}
      onSubmit={()=>{...}}
      componentSet={...}
      />

params:

ℹ️schema: the core data you care, ConfigComponent will verify you core data with schema,you can specify alt props in item, when error occurs, will show alt as default value

ℹ️initialValues: init value in you comp

ℹ️uiConfig: define your ui interface with json config, support event hooks, see example in playground file.

ℹ️onSubmit: used only in form when submit data.

ℹ️componentSet: support Ant Design or Fusion or you selfdefine Components.


online example

playground:https://chalecao.github.io/config-component/playground/form/storybook-static/index.html

example - configForm

online example: https://codesandbox.io/s/config-component-form-5hnvt

example - configComponent

online example: https://codesandbox.io/s/config-component-z7u9x

contributor

waiting for you...

You can’t perform that action at this time.