...
| Info |
|---|
LUX is a living breathing design system and is always changing and improving. Make sure to revisit this space regularly to ensure you are designing and implementing with the current guidelines. |
Intro
As Verint's official design system, LUX serves a wide range of designers and developers building digital products and experiences. The goals of the system include improving UI consistency and quality, making the design and development process more efficient and focused, establishing a shared vocabulary between designers and developers, and providing clear, discoverable guidance around design and development best practices.
...
LUX is also built for developers. Our front-end library is libraries are continuously maintained by the Product Design Group , and for specific languages. The library included here serves as a fully functional example of the Verint design language. This library is a platform-agnostic UI implementation of our components and patterns which can be used in production if your chosen development environment and framework is suitable.
Our platform-agnostic example implementation is a fork of the open source Bootstrap JavaScript library. The library is written in ES6+, SCSS, and HTML and ships deliverables in vanilla JavaScript in ES5 as well as ES6, CSS, SCSS and HTML.
...
We will work with specific design teams to help them implement LUX using for specific platforms and frameworks. We hope to be able to share and reuse those specific implementations in the future across different development teams within Verint. LUX platform-specific implementations in Ext JS and React are currently in the pipeline.
...
Looking to quickly add Verint components for design concepts and prototypes? Use the internal Verint CDN, hosted at ux.verint.com. For quick usage, copy the code samples included below. For production usage, download the source files here:
...
Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first , then Popper.js, and then our JavaScript plugins.
...