Simple React Native UI Kit

A simple UI component library for React Native applications.

Installation

npm install simple-react-native-ui-kit

or

yarn add simple-react-native-ui-kit

Components

Button

A customizable button component with different variants and sizes.

Usage

import { Button, useTheme } from 'simple-react-native-ui-kit';

const MyComponent = () => {
  return (
    <Button 
      label="Click Me" 
      onPress={() => console.log('Button pressed')} 
      variant="primary" 
      size="medium" 
    />
  );
};

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | label | string | - | Text to display in the button | | onPress | function | - | Function to call when button is pressed | | variant | 'primary' | 'secondary' | 'outline' | 'ghost' | 'primary' | Visual style of the button | | size | 'small' | 'medium' | 'large' | 'medium' | Size of the button | | disabled | boolean | false | Whether the button is disabled | | style | ViewStyle | - | Additional styles for the button container | | textStyle | TextStyle | - | Additional styles for the button text |

Theming

The package includes a useTheme hook that provides access to the theme colors.

import { useTheme } from 'simple-react-native-ui-kit';

const MyComponent = () => {
  const theme = useTheme();
  
  return (
    <View style={{ backgroundColor: theme.colors.background }}>
      <Text style={{ color: theme.colors.text }}>
        This text uses theme colors
      </Text>
    </View>
  );
};

License

MIT

Mantenedores / Soporte

• Allison Peña [email protected]
• Elías Leyton [email protected]

Asimov 2025