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).
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.
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.
- Test first - 100% Test Coverage
- Passes all code security scans and is fully CSP compatible
- Well documented in
.md
format - Contains an extensive Change log with listed any and all breaking changes
- Fully linted code
- Follows Wai Aria practices and huge focus on accessibility
- Fully Namespaced with an
ids-
namespace - We Follow the Gold Standard For Making Web Components
- Type safe for TypeScript users
- Every component has the Css and Dom Encapsulated (in supported browsers)