react-native-design-system icon indicating copy to clipboard operation
react-native-design-system copied to clipboard

Add ToolTip

Open iamshadmirza opened this issue 5 years ago • 3 comments

A ToolTip would be a good addition to the library. Let me know if you wanna take this issue. To setup development environment see contribution page here. You can see other components and try to follow the same structure.
ToolTip (/src/folder)

  • ToolTip.js
  • ToolTip.stories.mdx

You can check out these two links for reference

A basic tooltip component has to be created at first. Then we will customize API according to the design rules of the system by adding some props like color, size, etc. This will be fun.

I am not sure if StoryBook will be appropriate for such a type of component so you can simply create a CRNA project also.

react-native init ToolTipDev

Go inside the project and then initialize as git

git init

add the repo as GitHub submodule

git submodule add https://github.com/iamshadmirza/react-native-design-system

Now you will have the project setup and your IDE will detect two separate Git Projects. React-Native-Design-System (bottom one) will commit to this project.

  1. Create a branch
cd react-native-design-system

then

git checkout -b <branch name>
  1. Make changes
  2. Create Pull Request

iamshadmirza avatar Jan 11 '20 10:01 iamshadmirza

Would like to take this up.

dhwanilvyas avatar Feb 08 '20 14:02 dhwanilvyas

You have a nice design system! I particularly like the CircularProgress - much needed! (A lightweight CSS solution without bringing in other ART or SVG libs).

I'll drop another inspiration for your tooltips :) https://github.com/jasongaare/react-native-walkthrough-tooltip

jasongaare avatar Jun 17 '21 22:06 jasongaare

Thank you @jasongaare , I'll add the tooltip soon.

iamshadmirza avatar Jun 22 '21 05:06 iamshadmirza