Enterprise Wc
Enterprise-grade web component library for the Infor Design System
Overview
The Infor Design System Web Components Beta Library is a UI library consisting of CSS and JS that provides tools for creating user experiences in Infor products. It offers multiple themes, responsive components, touch-friendly interactions, and built-in localization system. The library also prioritizes security, accessibility, and documentation.
Features
- Multiple themes: Including a high-contrast theme that is WCAG 2.0 AAA compatible.
- Responsive components: Provides components, patterns, and layouts that work well on different screen sizes.
- Touch-friendly interactions: Designed with touchscreens in mind to provide intuitive interactions.
- SVG-based iconography: High DPI screens and scaling are supported with vector-based icons.
- Built-in localization system: Enables easy adaptation to different languages and regions.
- Mitigation of XSS exploits: Built-in measures to protect against cross-site scripting exploits.
- Functional Test Coverage: The library has a high test coverage of 85-100% to ensure functionality.
- Code security scans and CSP compliant: All code passes security scans and is compliant with Content Security Policy.
- Well-documented: All components are documented in .md format for easy reference.
- Change log: An extensive change log is provided to track breaking changes.
- Linted code: Code is fully linted for consistent quality.
- WAI-ARIA Authoring Practices: Follows accessibility guidelines to ensure inclusivity.
- Namespaced: Uses an ids- namespace for clear differentiation from other components.
- Typescript support: Includes types for users of TypeScript.
- CSS and DOM Encapsulated: Each component has its CSS and DOM encapsulated for better isolation.
- 100+ Components: Offers a wide range of components for various use cases.
Summary
The Infor Design System Web Components Beta Library provides a comprehensive set of UI components and tools for creating user experiences in Infor products. It offers multiple themes, responsive components, touch-friendly interactions, and built-in localization. The library prioritizes security, accessibility, and documentation, making it a valuable resource for Infor product development teams, partners, and customers.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.