rds-components v2.0.4

rds-components: Style Library of web components based on the Repsol Oxygen Design System

RDS components is a style library created for frontend webapp projects using scss (CSS). This library contains the styles of the web components that is based on the Oxygen Design System and provides a set of classes and it is agnostic to any javascript framework, since it only offers the visual part with CSS/SCSS.

Features

• SCSS
• BEM

Quick start

It is necessary to have previously installed the rds-foundations library, that provides the basic elements to build rds-components correctly.

It is necessary to have a parent project at least based on html and css technologies. But it is also possible to install on projects based on several frontend frameworks.

1. Install via yarn

To install the library using yarn, run the following command:

yarn add rds-components

2. Use

You can import the complete set of generated classes that provides you all the styles neccesaries for the construction of the web components:

<style lang="scss" src="./rds-components/dist/index.scss"></style>