Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add an Info Icon for Props with a Tooltip. #403

Merged
merged 14 commits into from
Oct 10, 2023
Merged

Conversation

tmeyer2115
Copy link
Contributor

@tmeyer2115 tmeyer2115 commented Oct 10, 2023

This PR adds an Info icon to the right of the Prop Name when the Prop has a Tooltip. The anchor of the Tooltip is now the Info Icon. To do this, I created a new common Component called TooltipIcon representing the combination of an Icon and a Tooltip. I added visual regression coverage for Prop Tooltips as well, we were missing it.

J=SLAP-2952
TEST=auto

@tmeyer2115 tmeyer2115 changed the title Draft. Add an Info Icon for Props with a Tooltip. Oct 10, 2023
@tmeyer2115 tmeyer2115 marked this pull request as ready for review October 10, 2023 14:49
@tmeyer2115 tmeyer2115 requested a review from a team October 10, 2023 14:57
@tmeyer2115 tmeyer2115 added the wip label Oct 10, 2023
@tmeyer2115 tmeyer2115 removed the wip label Oct 10, 2023
@tmeyer2115 tmeyer2115 requested a review from a team October 10, 2023 17:08
Copy link
Contributor

@alextaing alextaing left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

unless nidhi has more comments, lgtm!

@tmeyer2115 tmeyer2115 merged commit 42d4a97 into main Oct 10, 2023
15 checks passed
@tmeyer2115 tmeyer2115 deleted the dev/prop-tooltip-icon branch October 10, 2023 18:23
alextaing pushed a commit that referenced this pull request Oct 10, 2023
This PR adds an Info icon to the right of the Prop Name when the Prop has a Tooltip. The anchor of the Tooltip is now the Info Icon. To do this, I created a new common Component called TooltipIcon representing the combination of an `Icon` and a `Tooltip`. I added visual regression coverage for Prop Tooltips as well, we were missing it.

J=SLAP-2952
TEST=auto
alextaing pushed a commit that referenced this pull request Oct 10, 2023
This PR adds an Info icon to the right of the Prop Name when the Prop has a Tooltip. The anchor of the Tooltip is now the Info Icon. To do this, I created a new common Component called TooltipIcon representing the combination of an `Icon` and a `Tooltip`. I added visual regression coverage for Prop Tooltips as well, we were missing it.

J=SLAP-2952
TEST=auto
@tmeyer2115 tmeyer2115 mentioned this pull request Oct 11, 2023
tmeyer2115 added a commit that referenced this pull request Oct 11, 2023
## Features
- When specifying a Component's Prop Interface, you can now use the
`extends` keyword. (#395)

## Changes
- Cached, pre-bundled dependencies are now ignored when starting Studio.
Studio's Vite instance will pre-bundle all dependencies each time Studio
is started. (#405)
- Props with a Tooltip now have an Info Icon (#403)

## Fixes
- Incorrect imports for commonly-named Components have been fixed.
(#398)
alextaing pushed a commit that referenced this pull request Oct 11, 2023
## Features
- When specifying a Component's Prop Interface, you can now use the
`extends` keyword. (#395)

## Changes
- Cached, pre-bundled dependencies are now ignored when starting Studio.
Studio's Vite instance will pre-bundle all dependencies each time Studio
is started. (#405)
- Props with a Tooltip now have an Info Icon (#403)

## Fixes
- Incorrect imports for commonly-named Components have been fixed.
(#398)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants