Introducción al kit digital UC para desarrolladores


Para comenzar a usar los componentes del kit, se debe cargar la librería de componentes:

Vía NPM

Descargar el Kit Digital UC desde NPM:

npm install @digitaluc/uc-kitdigital

Una vez instalado el paquete, incluír los componentes:

CSS

@import "~@digitaluc/uc-kitdigital/dist/css/uc-kitdigital.css";

Javascript

require('@digitaluc/uc-kitdigital/dist/js/uc-kitdigital');

Vía CDN

CSS

Copia y pega la hoja de estilos <link> dentro de la etiqueta <head> antes que cualquier otro estilo.

Con el archivo enlazado ya puedes empezar a usar los componentes

Javascript

Para activar la funcionalidad de los componentes interactivos (Collapses, modal, accordion, dropdown) debes agregar demás el archivo Javascript antes del final de la etiqueta <body>

Plantilla base

Agregando ambas etiquetas puedes comenzar la construcción de un sitio usando los componentes. El HTML inicial debería lucir como ésto:

También puedes visitar la sección de Ejemplos, donde podrás encontrar otras plantillas en formato HTML que puedes utilizar como base las páginas de tu sitio web.