npm package: @inubekit/inubekit
Description: <p align="center">   <a href="https://github.com/selsa-inube">     <img src="https://avatars.githubusercontent.com/u/112717130?s=200&v=4?raw=true" alt="Chakra logo" width="50" height="50" />   </a> </p>
Author: inube
Latest version: 6.7.0

# Inubekit

<p align="center">
  <a href="https://github.com/selsa-inube">
    <img src="https://avatars.githubusercontent.com/u/112717130?s=200&v=4?raw=true" alt="Chakra logo" width="50" height="50" />
  </a>
</p>

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](#📦-instalación)
- 📋 [Documentación](#📋-documentación)
- 💻 [Uso](#💻-Uso)
- 📚 [Componentes](#📚-componentes)

## 📦 Instalación

Para utilizar los componentes de Inubekit, todo lo que necesita hacer es instalar la biblioteca de la siguiente manera:

```sh
# 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.

```js
  "dependencies": {
    "@inubekit/inubekit": "^1.0.0"
    ...
    }
```

2. Utilícelo en su aplicación:

```jsx
import { Label } from "@inubekit/inubekit";

function App() {
  return (
    <div>
      <Label>Hola, Inubekit!"</Label>
    </div>
  );
}

export default App;
```

## 📚 Componentes

Los componentes disponibles son:

- [`inubekit-assisted`](./src/components/Assisted/)
- [`inubekit-autocomplete`](./src/components/Autocomplete/)
- [`inubekit-autosuggest`](./src/components/Autosuggest/)
- [`inubekit-avatar`](./src/components/Avatar/)
- [`inubekit-blanket`](./src/components/Blanket/)
- [`inubekit-box`](./src/components/Box/)
- [`inubekit-breadcrumbs`](./src/components/Breadcrumbs/)
- [`inubekit-button`](./src/components/Button/)
- [`inubekit-checkbox`](./src/components/Checkbox/)
- [`inubekit-checkpicker`](./src/components/Checkpicker/)
- [`inubekit-countdownbar`](./src/components/Countdownbar/)
- [`inubekit-date`](./src/components/Date/)
- [`inubekit-divider`](./src/components/Divider/)
- [`inubekit-fieldset`](./src/components/Fieldset/)
- [`inubekit-flag`](./src/components/Flag/)
- [`inubekit-foundations`](./src/components/Foundations/)
- [`inubekit-fullscreennav`](./src/components/Fullscreennav/)
- [`inubekit-grid`](./src/components/Grid/)
- [`inubekit-header`](./src/components/Header/)
- [`inubekit-hooks`](./src/components/Hooks/)
- [`inubekit-icon`](./src/components/Icon/)
- [`inubekit-input`](./src/components/Input/)
- [`inubekit-label`](./src/components/Label/)
- [`inubekit-link`](./src/components/Link/)
- [`inubekit-menu`](./src/components/Menu/)
- [`inubekit-message`](./src/components/Message/)
- [`inubekit-monthpicker`](./src/components/Monthpicker/)
- [`inubekit-nav`](./src/components/Nav/)
- [`inubekit-progressbar`](./src/components/Progressbar/)
- [`inubekit-radio`](./src/components/Radio/)
- [`inubekit-select`](./src/components/Select/)
- [`inubekit-skeleton`](./src/components/Skeleton/)
- [`inubekit-spinner`](./src/components/Spinner/)
- [`inubekit-stack`](./src/components/Stack/)
- [`inubekit-table`](./src/components/Table/)
- [`inubekit-tabs`](./src/components/Tabs/)
- [`inubekit-tag`](./src/components/Tag/)
- [`inubekit-text`](./src/components/Text/)
- [`inubekit-textarea`](./src/components/Textarea/)
- [`inubekit-toggle`](./src/components/Toggle/)
- [`inubekit-user`](./src/components/User/)
- [`inubekit-yearpicker`](./src/components/Yearpicker/)

<p  align="center"> Made with ❤️ by Inube </p>