1.1.1 • Published 4 months ago
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