mi-ui-kit-publico

Biblioteca de componentes UI reutilizables para React Native.

Instalación

``sh
npm install mi-ui-kit-publico
`

o con yarn:

`sh
yarn add mi-ui-kit-publico
`

Componentes

$3

Componente de botón personalizable con soporte para diferentes colores y estilos.

#### Uso Básico

`tsx
import { MiBoton } from 'mi-ui-kit-publico';

function MiApp() {
return (
titulo="Presióname"
onPress={() => console.log('Botón presionado')}
/>
);
}
`

#### Ejemplos

`tsx
// Botón con color personalizado
titulo="Guardar"
color="#4CAF50"
onPress={() => handleSave()}
/>

// Botón de peligro
titulo="Eliminar"
color="#F44336"
onPress={() => handleDelete()}
/>

// Botón con estilos adicionales
titulo="Acción"
color="#FF9800"
style={{ marginTop: 20 }}
onPress={() => handleAction()}
/>
`

#### Propiedades

| Prop | Tipo | Descripción | Por defecto | Requerido |
|------|------|-------------|-------------|-----------|
| titulo | string | Texto que se muestra en el botón | - | ✅ |
| onPress | () => void | Función que se ejecuta al presionar el botón | - | ✅ |
| color | string | Color de fondo del botón (hex, rgb, o nombre) | #2196F3 | ❌ |
| style | ViewStyle` | Estilos adicionales para el contenedor del botón | - | ❌ |

#### Características

- ✅ Color personalizable
- ✅ Padding y spacing consistentes
- ✅ Bordes redondeados (8px)
- ✅ Texto en negrita y blanco
- ✅ Compatible con iOS y Android
- ✅ TypeScript support

Próximos Componentes

Estamos trabajando en agregar más componentes a esta biblioteca:
- Inputs de texto
- Cards
- Modales
- Y más...

Contribuir

Las contribuciones son bienvenidas. Por favor lee:
- Workflow de desarrollo
- Enviar un pull request
- Código de conducta

Licencia

MIT

---

Hecho con ❤️ usando create-react-native-library