Build faster your React Web with KUI.
[](https://npm.im/kheiron-ui)
[](https://www.npmjs.com/package/kheiron-ui)
[](https://www.npmjs.com/package/kheiron-ui)
[](./LICENSE)
[](https://kheiron-ui.vercel.app)
kheiron-ui is a UI component library with semantic HTML, optimized to accelerate user interface development in web applications. Designed with productivity and simplicity in mind, kheiron-ui offers a comprehensive solution for creating robust forms and tables without the need to invest time in complex configurations.
## Install
```bash
npm install kheiron-ui
```
## Quickstart
### Forms and Modal
> This example are using react-hook-form how complement
```tsx
import {
AtomDiv,
ButtonKUI,
InputFieldCheckboxKUI,
InputFieldPasswordKUI,
InputFieldTextKUI,
ModalKUI,
} from 'kheiron-ui';
setOpen(true)} />
;
```
### TableKUI
```tsx
import { TableKUI, UserProfileCardKUI } from 'kheiron-ui';
{
switch (key) {
case 'user': {
return (
{
e.preventDefault();
e.stopPropagation();
alert(value?.name);
}}
/>
);
}
default: {
return <>{String(value)};
}
}
}}
/>;
```
## Authors and Team
- Juan Marcos Mansilla [](https://www.linkedin.com/in/juan-marcos-mansilla/) \_\_\_
- Gina Paola Medina [](https://www.linkedin.com/in/ginapaolamedina/) \_\_\_
- Gaston Jaurena [](https://www.linkedin.com/in/gaston-jaurena-73a130235/) \_\_\_
- Alejandro Torres [](https://www.linkedin.com/in/jalejotorresm5286/) \_\_\_
- Andres Rodriguez [](https://www.linkedin.com/in/andres-rodriguez-038880238/) \_\_\_
- Brian Padilla [](https://www.linkedin.com/in/brianpadilla01/) \_\_\_
