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

Fix(web, web-twig, web-react): Tooltip on Icon component #1261

Closed
wants to merge 5 commits into from

Conversation

pavelklibani
Copy link
Contributor

Description

Added forwardedRef to our <Icon /> component so it can be used as elementType for <TooltipTrigger> component.

Added new demo for tooltip on Icon components for all packages

image

Additional context

Requested in our support channel:
https://almamedia.slack.com/archives/C068XPSDWQN/p1706807163184249

@pavelklibani pavelklibani self-assigned this Feb 2, 2024
Copy link

netlify bot commented Feb 2, 2024

Deploy Preview for spirit-design-system-demo canceled.

Name Link
🔨 Latest commit 48da1b2
🔍 Latest deploy log https://app.netlify.com/sites/spirit-design-system-demo/deploys/65bd0495e65fb80008d5d417

Copy link

netlify bot commented Feb 2, 2024

Deploy Preview for spirit-design-system-validations canceled.

Name Link
🔨 Latest commit 48da1b2
🔍 Latest deploy log https://app.netlify.com/sites/spirit-design-system-validations/deploys/65bd049547f33800082fff63

Copy link

netlify bot commented Feb 2, 2024

Deploy Preview for spirit-design-system-storybook ready!

Name Link
🔨 Latest commit 48da1b2
🔍 Latest deploy log https://app.netlify.com/sites/spirit-design-system-storybook/deploys/65bd0495c4c8ca0008085c14
😎 Deploy Preview https://deploy-preview-1261--spirit-design-system-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Feb 2, 2024

Deploy Preview for spirit-design-system-react ready!

Name Link
🔨 Latest commit 48da1b2
🔍 Latest deploy log https://app.netlify.com/sites/spirit-design-system-react/deploys/65bd04950ee45900082e7deb
😎 Deploy Preview https://deploy-preview-1261--spirit-design-system-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@coveralls
Copy link

coveralls commented Feb 2, 2024

Coverage Status

coverage: 80.982% (-15.4%) from 96.371%
when pulling 48da1b2 on tooltip-on-icons
into 2054a79 on main.

- Icon component now accept forwarded ref and can be used as TooltipTrigger
- elementType can be now self closing (fe. Icon)
- accepting props from elementType components
- New demo with tooltip on Icon component
- New demo with tooltip on Icon component
- New demo with tooltip on Icon element
@dlouhak
Copy link
Contributor

dlouhak commented Feb 5, 2024

Thanks for these changes! 🙏🏻

Could you also update documentation? We're little bit missing mention about TooltipTrigger or TooltipPopover API.

Close me
</TooltipPopov>
</TooltipWrapper>
</span>
Copy link
Collaborator

Choose a reason for hiding this comment

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

No new line at the end?

Copy link
Collaborator

@literat literat left a comment

Choose a reason for hiding this comment

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

LGTM 👍

@pavelklibani pavelklibani changed the base branch from main to feat/DS-1140-tooltip-hover February 12, 2024 15:17
@pavelklibani pavelklibani force-pushed the feat/DS-1140-tooltip-hover branch from 4897164 to 9f1589f Compare February 12, 2024 16:15
@pavelklibani
Copy link
Contributor Author

moved to #1268

@literat literat deleted the tooltip-on-icons branch June 18, 2024 12:32
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.

4 participants