@eliasasimov/kit-mobile-poc NPM

Simple React Native UI Kit

A simple UI component library for React Native applications.

Installation

npm install simple-react-native-ui-kit

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 allison@asimov.cl
Elías Leyton elias@asimov.cl

Asimov 2025