Welcome to RedLight's Design System 🚀

• Our Design System is a comprehensive collection of design and development resources that aims to streamline and enhance the creation of consistent, user-centric digital experiences.

• It provides a unified framework for designers and developers to work together seamlessly, fostering collaboration, efficiency, and creativity.

Documentation

https://weareredlight.github.io/redlight-ds

Installation

$ yarn add @weareredlight/design-system
# or
$ npm install --save @weareredlight/design-system

Setting up

Now it's time to start using the components.

• First import the component into the desired file:

import { Button } from '@weareredlight/design-system'

• Now the component is ready to use. Change its variants and properties so you can use it to your liking.

() => {
  <Button
    variant='primary'
    size='large'
    onCick={yourFunction()}
  >
    Button Text
  </Button>
}

Contributors

Diogo Ribeiro Principal designer & developer

Samuel Nunes Developer & maintainer