Simple example. Sync and async validation, composition api, typescript. Only for frontend. For usage copy MyForm (src/components/MyForm) folder to your project. Use MyFormC component. Register custom components in MyFormComps.ts. Example of custom components in CustomFields folder. Form shemas you can find in DocsShemas folder. For managing docs (for save for example) using CreateDocC component. Shemas base class contains method for trim string field (example before save). Modify, refactor for your needings.

Animate css library has been used for field transitions.

Github Pages Demo.

CodeSandbox Demo.

yarn install

yarn serve

yarn build

yarn lint

See Vue 3.

See Element Plus.

See async-validator.

See Animate css.