Inubekit

Inubekit es un conjunto completo de bibliotecas diseñado para mejorar el desarrollo de software mediante componentes modernos, robustos y altamente personalizables. Diseñado para satisfacer las diversas necesidades de los desarrolladores, Inubekit ofrece un conjunto de herramientas versátil que simplifica tareas complejas, acelera los procesos de desarrollo y garantiza resultados de alto rendimiento.

Tabla de contenido

• 📦 Instalación
• 📋 Documentación
• 💻 Uso
• 📚 Componentes

📦 Instalación

Para utilizar los componentes de Inubekit, todo lo que necesita hacer es instalar la biblioteca de la siguiente manera:

# con npm
$ npm install @inubekit/inubekit

📋 Documentación

Cada componente contará con su propio archivo de documentación README.md, que proporciona información detallada sobre cómo utilizarlo. Todos los componentes están construidos utilizando TypeScript, React y Vite, lo que garantiza un rendimiento excepcional. Además, son fáciles de usar, reutilizables y altamente personalizables, cumpliendo con nuestras directrices estructurales.

💻 Uso

Para usar un componente de Inubekit en su proyecto, importe el componente desde el paquete e inclúyalo en su código. Aquí hay un ejemplo de cómo utilizar el componente Label:

Para empezar a usar los componentes, siga estos pasos:

1. Asegúrese de que la biblioteca esté listada en el archivo package.json con la versión más reciente disponible.

  "dependencies": {
    "@inubekit/inubekit": "^1.0.0"
    ...
    }

2. Utilícelo en su aplicación:

import { Label } from "@inubekit/inubekit";

function App() {
  return (
    <div>
      <Label>Hola, Inubekit!"</Label>
    </div>
  );
}

export default App;

📚 Componentes

Los componentes disponibles son:

• inubekit-assisted
• inubekit-autocomplete
• inubekit-autosuggest
• inubekit-avatar
• inubekit-blanket
• inubekit-box
• inubekit-breadcrumbs
• inubekit-button
• inubekit-checkbox
• inubekit-checkpicker
• inubekit-countdownbar
• inubekit-date
• inubekit-divider
• inubekit-fieldset
• inubekit-flag
• inubekit-foundations
• inubekit-fullscreennav
• inubekit-grid
• inubekit-header
• inubekit-hooks
• inubekit-icon
• inubekit-input
• inubekit-label
• inubekit-link
• inubekit-menu
• inubekit-message
• inubekit-monthpicker
• inubekit-nav
• inubekit-progressbar
• inubekit-radio
• inubekit-select
• inubekit-skeleton
• inubekit-spinner
• inubekit-stack
• inubekit-table
• inubekit-tabs
• inubekit-tag
• inubekit-text
• inubekit-textarea
• inubekit-toggle
• inubekit-user
• inubekit-yearpicker