Infor Design System's Enterprise web component library is a framework independent UI library consisting of CSS and JS that provides Infor product development teams, partners, and customers the tools to create user experiences that are approachable, focused, relevant and perceptive.
These tools are currently in beta testing and slated for release in beginning of 2023.
For guidelines on when and where to use the components see the design.infor.com.
- Multiple themes, including a WCAG 2.0 AAA compatible high-contrast theme
- Responsive components, patterns and layouts
- Touch-friendly interactions
- SVG-based iconography for high DPI screens and scaling
- Built-in, extendible localization system
- Built-in mitigation of XSS exploits
- 85-100% Functional Test Coverage
- Passes all code security scans and is fully CSP compliant
- Well documented in
.mdformat - Contains an extensive Change log which lists any and all breaking changes
- Fully linted code
- Follows WAI-ARIA Authoring Practices with a focus on accessibility
- Fully Namespaced with an
ids-namespace - We Follow the Gold Standard For Making Web Components
- Includes types for typescript users
- Every component has the CSS and DOM Encapsulated
- 100+ Components convert
We support the latest release and the release previous to the latest (R-1) for browsers and OS versions:
 IE Edge |
 Firefox |
 Chrome |
 Safari |
 iOS Safari |
|---|---|---|---|---|
| R-1 | R-1 | R-1 | R-1 | R-1 |
The components are available via npm/yarn:
npm install --save ids-enterprise-wc@latestTo Clone and Run this Repo locally (requires node 18 (16 or 17))
mkdir enterprise-wc
cd enterprise-wc
git clone git@github.com:infor-design/enterprise-wc.git .
npm i
npm run start- For each component see the
.mdfile in the relevant component folder - See the Change Log for info on breaking changes as well more info in each individual component
- Articles about Web Components
- Things to consider for each component
- How to Make a new Component
- Info on which linters we use
- Info on Running and Debugging Tests
- Use Github Issues to report all requests, bugs, questions, and feature requests
- Review source code changes
- Roadmap and Sprint Board