mi-ui-kit-publico

Biblioteca de componentes UI reutilizables para React Native.

Instalación

npm install mi-ui-kit-publico

o con yarn:

yarn add mi-ui-kit-publico

Componentes

MiBoton

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

Uso Básico

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

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

Ejemplos

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

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

// Botón con estilos adicionales
<MiBoton 
  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