Librería Vue Repsol Digital System

Conjunto de componentes del Repsol Digital System implementados con Vue. Consulta la documentación disponible en https://digitalsystem.repsol.com/docs/vue.

Actualización de versión

Consulta el CHANGELOG para conocer las últimas actualizaciones de la librería.

Stack tecnológico

| Librería | Versión | | -------------- | ------- | | vue | 2.6.12 | | @storybook/vue | 5.3.21 | | rds-core | 0.2.3 |

Instalación

npm i @repsol-digital-system/rds-vue # con npm
yarn add @repsol-digital-system/rds-vue  # con yarn

Uso

Para utilizar la librería, deberíamos importar el componente que queramos usar de la siguiente manera:

import { Checkbox } from '@repsol-digital-system/rds-vue'

Cada componente tiene en su scope sus propios estilos. Aún así, hay ciertos estilos que se heredan de la librería rds-core y que necesitan importarse a parte.

Esos estilos están en SCSS, para importarlos tendríamos que incluir lo siguiente en el ámbito global de la aplicación:

@import '~@repsol-digital-system/rds-vue/src/styles/global.scss'

Al hacer este @import estaremos incluyendo las utilidades rds-variables, rds-reset y rds-foundations de la librería rds-core. Más info de cada una aquí

Cómo contribuir

¿Tienes alguna duda? ¿Has encontrado algún bug? ¿Necesitas añadir una funcionalidad o componentes?

Ponte en contacto mandando un email a [email protected]. Haz click en este enlace para más detalles de cómo contribuir.

Licencia

Puedes consultar las condiciones de uso de esta librería en este enlace.