IDS Web Components

Infor Design System Web Components (IDS WC) is an Infor community sourced, open source project that creates high quality web components that contain the common patterns and styles used in Infor Applications. We built these in such a way that they could be used by any application in a variety of popular frameworks (Angular, React Vue).
Getting Started
npm i ids-enterprise-wc -D
At that point the node_modules/ids-enterprise-wc folder will contain all the files you need. You can import just the .js files which include encapsulated css. Then just use the custom element as mentioned in the docs for each component. Or you can use a the standalone css file for each component, for a limited bit of css support per component.
TypeScript
In Ids Web Components we chose to use Javascript and not TypeScript, however we want to support developers that use typescript. For each component we also include TypeScript declaration files for all methods, settings and events. And we ensure our code if included directly is type safe via. We also created a small example TypeScript project to show one way to use Ids Web Components in a plain typescript project.
Core principles
- Test first - 100% Test Coverage
- Passes all code security scans and is fully CSP compatible
- Well documented in .md format
- Contains an extensive CHANGELOG with listed any and all breaking changes
- Fully linted code
- Follows Wai Aria practices and huge focus on accessibility
- Fully Namespaced with the
ids-
namespace - We Follow the Gold Standard For Making Web Components