Home/Documentation/Vanilla JS Showcase

Vanilla Examples

Live routes under the Vanilla JS Showcase:

ExampleURLWhat to notice
Simple/showcases/vanilla/simpleRequired and format rules, inline field messages, form summary
Complex/showcases/vanilla/complexNested paths, multiple policies, group status
Performance/showcases/vanilla/performanceGenerated sections/controls, timed validation runs

Single-host routes use the same paths under /showcases/vanilla/.

Shared policies with adapters

Write policies against @validation-rules-engine/core only. The same policy classes can drive Vanilla JS DOM forms, Angular directives, and React hooks without rewriting rule definitions.

Source location

Application code lives in apps/vanilla-showcase/. It is a private workspace app, not an npm package. Start it with:

npm run serve:vanilla-showcase

Or launch every application from the Portal with npm run start:multi-host / npm run portal.

Continue in the live platform

Open Vanilla JS ShowcaseRun the same Core policies with framework-free TypeScript forms →Open PortalLaunch documentation and every showcase from one place →