UI Components
React Native, TypeScript
With my background in UX/UI design, I started building customizable UI components that applied best UX practices and also designed elegantly. One problem I had with some of the existing UI components was a lot of them looked a bit generic and seemed hard to fit into certain brands. I'm constantly building so once I have enough components to share, I'll figure out a way to distrubute them properly.
What I Implemented
![rimowa registration](https://raw.githubusercontent.com/brandnewjinah/react-native-ui/master/assets/readme/Buttons.png)
Buttons
- You can choose shape
- You can have left or right arrows
- You can make button smaller
- You can disable button
- You can insert icons inside the button
Lists
- A list can be text only or with an avatar
- Texts can have primary, secondary, overline, subtext, or meta.
- Avatar can have an image, user initial or a default icon
- You can have unread property for messaging
![rimowa registration](https://raw.githubusercontent.com/brandnewjinah/react-native-ui/master/assets/readme/ListAvatar%402x.png)
![rimowa registration](https://raw.githubusercontent.com/brandnewjinah/react-native-ui/master/assets/readme/Input.png)
Input
- Input can have default, pill or underline shape
- You can insert prefix inside the input
- You can customize active state color
- You can disable input
- You can pass error message
Cards
- Card componet is a highly customizable container where you can insert other components to compose a layout.
- You can insert list component
- You can insert text, image or image slider
- You can add like componet
![rimowa registration](https://raw.githubusercontent.com/brandnewjinah/react-native-ui/master/assets/readme/CardLayout2%402x.png)
![rimowa registration](https://raw.githubusercontent.com/brandnewjinah/react-native-ui/master/assets/readme/ScrollMenu.gif)
Scroll Menu
- You can pass data in an array form, set item received from onSelect to the state, and pass that item back as selected.