arpeta-expo v1.1.1

Arpeta Expo UI Components

A collection of reusable React Native components for Expo projects, styled with NativeWind/Tailwind CSS.

Installation

npm install arpeta-expo

Dependencies

This package requires the following peer dependencies:

• react
• react-native
• expo
• nativewind

If you don't have NativeWind set up yet, follow their installation guide at https://www.nativewind.dev/guides/expo

Usage

Button Component

import { Button } from 'arpeta-expo';

export default function App() {
  return (
    <Button 
      title="Press Me" 
      variant="primary" // 'primary', 'secondary', 'outline'
      size="md" // 'sm', 'md', 'lg'
      onPress={() => console.log('Button pressed')} 
    />
  );
}

Card Component

import { Card, Button } from 'arpeta-expo';
import { Text } from 'react-native';

export default function App() {
  return (
    <Card 
      title="Card Title" 
      variant="elevated" // 'elevated', 'outlined', 'filled'
    >
      <Text className="mb-4">This is the card content.</Text>
      <Button title="Card Action" size="sm" />
    </Card>
  );
}

Input Component

import { Input } from 'arpeta-expo';

export default function App() {
  return (
    <Input 
      label="Email"
      placeholder="Enter your email"
      variant="outline" // 'outline', 'filled', 'underlined'
      // error="Invalid email format" // optional error message
    />
  );
}

Customization

All components accept a className prop that allows you to add additional Tailwind classes to customize the appearance further.

License

MIT