Infor Design System Web Components Beta Library

Infor Design System Enterprise Web Components 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.

Key Features

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 .md format
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

Browser Support

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

Installation

The components are available via npm/yarn:

npm install --save ids-enterprise-wc@latest

To 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

Documentation

For each component see the .md file in the relevant component folder
See the Change Log for info on breaking changes as well more info in each individual component

Contributing