Jinah Lee

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
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
rimowa registration
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
rimowa registration
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.