# @bsdaoquang/rncomponent

### React Native UI Components Library

---

## Features

- Library UI component designed for React Native & Expo applications.
- A set of high-quality React Native components out of the box
- Written in TypeScript with predictable static types.
- Whole package of design resources and development tools.
- Powerful theme customization based on StyleSheet.

## Environment Support

- React Native
- Expo

## Installation

### React Native

`
#npm
npm install @bsdaoquang/rncomponent react-native-vector-icons

#yarn
yarn add @bsdaoquang/rncomponent react-native-vector-icons`

**iOS**
`
cd ios
pod install`

### Expo

`#npm
npx expo install @bsdaoquang/rncomponent react-native-vector-icons`

## Usage

      import { View, Text } from 'react-native';
      import React from 'react';
      import {Card} from '@bsdaoquang/rncomponent';
      const App = () => {
            return (
                  <View>
                        <Card>
                              <Text>Hello world</Text>
                        </Card>
                  </View>
            );
      };

      export default App;

## Links

- [Home page](https://rncomponent.com)
- [Card](https://rncomponent.com/components/card?id=665b5a73e96bb48bda7a00fd)
- [Text](https://rncomponent.com/components/text?id=665c959707bf0c77c4b0a254)
- [Button](https://rncomponent.com/components/button?id=665d47d0924dfb301c601776)
- [Input](https://rncomponent.com/components/input?id=6662cbdd0ce3ab39a212fd2a)
- [Badge](https://rncomponent.com/components/badge?id=6662cfba811f34a7fc2ef829)
- [Row](https://rncomponent.com/components/row?id=666c04eb14623a2a1be20ac1)
- [Col](https://rncomponent.com/components/col?id=666c049114623a2a1be20aae)
- [Dropdown](https://rncomponent.com/components/dropdown?id=666c04a714623a2a1be20ab5)
- [Section](https://rncomponent.com/components/section?id=666c055f14623a2a1be20ac8)
- [Space](https://rncomponent.com/components/space?id=666c057614623a2a1be20acf)