claro-superapp-components v1.0.91

Librería de componentes

Instalación

Para realizar la instalación de la librería se deben seguir los siguientes pasos 1. Instalar la librería con el siguiente comando npm:

```bash
npm install claro-superapp-components
```

2. Posteriormente, agregar en la primera linea del archivo app.acss del MP:

   @import "claro-superapp-components/app.acss";

Uso de componentes

Se esta trabajando en una tabla de componentes a futuro, se pueden ver ejemplos del uso de componentes en la ruta (ejecutar MP)

/pages/

ó puede ver las implementaciones de los componentes en la ruta:

/components

Estilos Personalizados

Se puede hacer uso de clases para generar componentes personalizados que no se encuentren en la librería sin tener que reescribir constantemente estilos de acss en cada MP, también permite unificar estilos entre MPs

Fuentes

Puede consultar desde el archivo app.acss o desde la siguiente tabla:

En caso de requerir un tamaño de letra diferente, se puede hacer uso de las siguientes clases:

Paddings

Se puede hacer uso de las siguientes clases para generar paddings:

Nota: Los paddings se generan en base a 8px

Nota: Se mantienen las clases antiguas por compatibilidad, se sugiere usar las clases genéricas en desarrollos nuevos

Padding general (en todas las direcciones)

Padding horizontal (en el eje X)

Padding vertical (en el eje Y)

Padding top

Padding bottom

Padding left

Padding right

Margenes

Se puede hacer uso de las siguientes clases para generar margenes:

Padding general (en todas las direcciones)