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.

Sign up for GitHub

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

Jump to bottom

feat: ion-icon: ability to override tooltip #1049

Closed
3 tasks done
cjorasch opened this issue Feb 24, 2022 · 1 comment
Closed
3 tasks done

feat: ion-icon: ability to override tooltip #1049

cjorasch opened this issue Feb 24, 2022 · 1 comment
Labels
type: feature request A request to add new functionality

Comments

@cjorasch
Copy link

Prerequisites

Describe the Feature Request

Ionic icons currently render a child <title> element that displays as a tooltip during hover.

There are many cases where the name of the icon is not the same as a meaningful value that should be displayed to the user.

Setting title or using other tooltip approaches results in multiple tips being displayed.

image

Feature request: Allow the user of the component to override (or suppress) the title.

Describe the Use Case

Some use cases include:

  • Icons used to indicate connection state (online / offline)
  • Icons for expanded state (expanded / collapsed)

Describe Preferred Solution

<ion-icon title="My custom title" ... />

Support blank value to prevent title display

Describe Alternatives

No response

Related Code

No response

Additional Information

No response
@ionitron-bot ionitron-bot bot added the triage New issues label Feb 24, 2022
@liamdebeasi liamdebeasi transferred this issue from ionic-team/ionic-framework Feb 24, 2022
@averyjohnston averyjohnston mentioned this issue Mar 28, 2022
Closed
6 tasks
@dkniffin dkniffin mentioned this issue May 31, 2022
Closed
@brandyscarney brandyscarney added type: feature request A request to add new functionality and removed triage New issues labels Sep 27, 2022
@liamdebeasi liamdebeasi mentioned this issue Jan 17, 2023
Merged
liamdebeasi added a commit that referenced this issue Jan 17, 2023
@liamdebeasi
fix(icon): remove default <title> (#1166)
e0efa5f 
resolves #838, resolves #1049, resolves #1082
@liamdebeasi
Copy link
Contributor

Thanks for the report. This has been resolved via #1166 and a fix will be available in Ionicons 6.1. In this release, developers will be able to set a custom title attribute on ion-icon. This title will be shown in a tooltip when hovering the icon.

@liamdebeasi liamdebeasi mentioned this issue Jan 17, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
type: feature request A request to add new functionality
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@cjorasch @liamdebeasi @brandyscarney