🌈v14.7.8
IntroductionGuiding PrinciplesBasic UsageChangelog
Examples
Assets
Components
Data Sets
Forms
Hooks
Layout
Sprinkles
Types
Typography
Utils
Validators

Webconnex Design System

Rainbow is is the design system for Webconnex products.

Rainbow is a collection of reusable components designed and built to increase efficiency and create consistent experiences.

Guiding Principles

Consistency

We carefully consider requirements and present/future use cases before building Rainbow components to ensure the design experience remains consistent and scalable.

Communication

We value collaboration and honest feedback. This also guides what we build, helping to establish the system as a shared resource.

Documentation

We aim to document each component and release effectively to support communication and increase the speed of development.

Basic Usage

Installation

npm install @wbcx/rainbow

Import components

import Button from "@wbcx/rainbow/components/button"