iamshadmirza / iamshadmirza/react-native-design-system

Add ToolTip

Open
#2 3 comments 0 reactions 1 assignee Claimed by @iamshadmirza View on GitHub
enhancement
Dominant language
JavaScript
Stars
240
Forks
31
PR merge metrics
No merged PRs in 30d

Description

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](https://github.com/iamshadmirza/react-native-design-system/blob/master/CONTRIBUTING.md).
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
- [rn-tooltip](https://github.com/AndreiCalazans/rn-tooltip)
- [react-native-elements](https://github.com/react-native-elements/react-native-elements).

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.
```sh
react-native init ToolTipDev
```
Go inside the project and then initialize as git
```sh
git init
```
add the repo as GitHub submodule
```sh
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
```sh
cd react-native-design-system
```
then
```sh
git checkout -b
```
2. Make changes
3. Create Pull Request

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.