Intelaf Components - Biblioteca de Componentes UI

Intelaf Components es una completa biblioteca de componentes de interfaz de usuario (UI) desarrollada en React y TypeScript. Diseñada para ofrecer componentes reutilizables y altamente personalizables, Intelaf Components permite crear interfaces modernas y eficientes de manera rápida y sencilla. Esta librería incluye un entorno de desarrollo integrado con Storybook, lo que facilita la visualización, prueba y documentación de los componentes en tiempo real, mejorando la productividad y consistencia en el desarrollo de aplicaciones React.

Modo de desarrollo

Cuando se utiliza el siguiente se utiliza para ejecutar Storybook es una herramienta que permite desarrollar y documentar componentes de UI de forma aislada, fuera de la aplicación principal.

npm run storybook

Modo de publicacion

Cuando se utiliza el siguiente comando se genera una versión empaquetada del código fuente de la aplicación. utiliza Rollup ques es un bundler (empaquetador) de módulos JavaScript que optimiza y agrupa varios archivos de código fuente en un archivo final (o varios archivos) listos para ser utilizados en producción.

npm run build

Implementacion de la libreria UI

Para comenzar a utilizar los componentes de @prog4int/ui, primero instálala como dependencia en tu proyecto de React:

npm install @prog4int/ui

import React from 'react';
import { ThemeProvider, Button } from '@prog4int/ui';

const App = () => {
  return (
    <ThemeProvider theme="ligth">
      <Button
        label="INICIAR SESION"
        color="primary"
        tooltip="hola este es un button"
        width='210px'
        loading={false}
        onClick={() => alert('¡Clic!')}
      />
    </ThemeProvider>
  );
};

export default App;