@bpsmartdesign/nativesmart-ui v1.0.0
NativeSmart-UI
NativeSmart-UI is a React Native UI library that provides pre-built, customizable, and reusable components to help you build beautiful, consistent, and accessible mobile applications efficiently.
Features
- π Pre-built Components: A set of high-quality components like buttons, inputs, modals, etc.
- π¨ Customizable: Easily override styles and create custom themes.
- π± Responsive: Optimized for both Android and iOS.
- β‘ Performance: Designed with performance and scalability in mind.
- π Easy to use: Simple APIs for rapid development.
Installation
To use NativeSmart-UI in your React Native project, simply install it using npm or yarn:
npm install @bpsmartdesign/nativesmart-ui
or
yarn add @bpsmartdesign/nativesmart-ui
Make sure you have the necessary peer dependencies installed, such as React Native and React:
npm install react-native react
Usage
Hereβs a quick example of how you can use the NativeSmart-UI components in your app:
import React from 'react';
import { View } from 'react-native';
import { Button, Input } from '@bpsmartdesign/nativesmart-ui';
const MyApp = () => {
return (
<View style={{ padding: 20 }}>
<Input placeholder="Enter your name" />
<Button title="Submit" onPress={() => alert('Submitted!')} />
</View>
);
};
export default MyApp;
Available Components
Component | Description |
---|---|
Button | Customizable button component |
Input | Text input component |
Modal | Pre-styled modal component |
Card | Card component |
... | More components coming soon |
Theming and Customization
You can easily customize the components or create your own theme. Here's an example:
import React from 'react';
import { ThemeProvider } from '@bpsmartdesign/nativesmart-ui';
import { Button } from '@bpsmartdesign/nativesmart-ui';
const customTheme = {
colors: {
primary: '#ff6347',
secondary: '#4caf50',
},
button: {
borderRadius: 10,
},
};
const MyApp = () => {
return (
<ThemeProvider theme={customTheme}>
<Button title="Custom Button" />
</ThemeProvider>
);
};
export default MyApp;
Contributing
We welcome contributions! Feel free to submit issues, feature requests, and pull requests. Check out our contribution guidelines for more information.
- Fork the repository
- Create a new branch
- Make your changes
- Submit a pull request
License
This project is licensed under the MIT License.
10 months ago