UI-Kit

Building a widget?

To use the current component library (@invent/wl-ui-kit-next — Tailwind + shadcn) in your widget, see Using the Component Library in the Widget Development section. This page covers the UI-Kit design-system background.

Overview

The UI-kit, or User Interface kit, is a collection of assets containing design elements, such as user interface components and styles. UI components are elements that convey meaning and provide the functionality to users. Examples of user interface components are input forms, widgets, and navigation menus.

Styles, however, are visual design attributes such as fonts, colors, and shapes. Along with functional elements, these style properties, especially colors, play a massive role in how users understand and interpret the design.