Guía Rápida

Comienza con InteraUI de forma rápida y eficiente.

Sigue estas sencillas instrucciones para configurar InteraUI e integrar componentes de interfaz reutilizables en tu proyecto. 🚀

Instalación

  1. Instalar la Librería

    Usa npm, yarn o pnpm para instalar intera-ui en tu proyecto:

    npm install @elizabthpazp/intera-ui

    o

    yarn add @elizabthpazp/intera-ui

    o

    pnpm add @elizabthpazp/intera-ui

  2. Importar y Usar Componentes

    • Importa los estilos de forma global en tu proyecto:

      import "@elizabthpazp/intera-ui/dist/globals.css";

    • Importa y usa componentes individuales:

      import { ButtonCard } from "@elizabthpazp/intera-ui";

function App() {
  const [userData, setUserData] = useState(null);

  const handleLogin = (email, password, rememberMe) => {
   setUserData({ email, password, rememberMe }); 
  };

  return <ButtonCard title={'Login'} darkMode={true} onLogin={handleLogin}></ButtonCard>;
}

export default App;

Desarrollo y Contribución

Si quieres modificar o contribuir a la librería, sigue estos pasos:

  1. Clonar el Repositorio 
    git clone https://github.com/elizabthpazp/intera-ui.git
  2. Acceder al Proyecto 
    cd intera-ui
  3. Instalar Dependencias 
    npm install
  4. Ejecutar el Servidor de Desarrollo 
    npm run dev

Explora Más

Esta guía te ayuda a integrar rápidamente InteraUI en tu proyecto. Para más detalles, explora la documentación o consulta el repositorio en GitHub. 🚀