energygo-ds v0.2.20

EnergyGo Design System

EnergyGo DS is the EnergyGo's design system made with Stencil

You can view the components and the story book here:

https://neon-ds.lucera.es/energygo

Getting Started

To start building a new web component, clone this repo to a new directory:

git clone git@gitlab.com:lucera/neon-ds.git neon-ds
cd neon-ds

and run:

npm install
npm run build

This will build the component library for production.

If you need help with stencil, check their docs here.

Global Settings

There are some global configuration variables defined on global.d.ts and declared on global.ts The neonDsConfig object has the global configuration that can be overwrited externally.

You can overwrite the global configuration object in the consumer app using the globalThis declaration:

globalThis.neonDsConfig = {
  iconsResolvePath: 'https://calculator-api.luceraenergy.es/ContractOptimizationApp/img/neon-ds/'
}

Storybook

Web documentation

https://lucera.gitlab.io/neon-ds/energygo

Usage storybook on local

npm install
npm run storybook:watch

Usage for development

npm install
npm run dev

This will launch a dev demo page (located on src/index.html) to test some components

Naming Components

When creating new component tags always prefix them with go (ex: <go-datepicker>)