claro-ui

Claro Web Components

Librería de componentes Web de Claro

Configuración inicial

1. Instalar librería

Instalar el paquete en los los micro frontend donde se van a utilizar

npm i claro-ui

Configuración por framework

Para proyectos en React

1. En el archivo webpack.config.js agregar la siguiente configuración en el return

return merge(defaultConfig, {
    module: {
        rules: [
            {
                test: /\.m?js/,
                resolve: {
                    fullySpecified: false,
                },
            },
        ],
    },
});

2. Importar la librería en /src/(nombreproyecto).jsx/tsx

import "claro-ui"

Para proyectos en Angular

1. En el archivo app.component.ts agregar CUSTOM_ELEMENTS_SCHEMA a la configuracion de schemas del modulo o componente raiz

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@Component({
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})

export class AppComponent {
  .
  .
  .
}

2. Importar la librería en app.component.ts

import "claro-ui"