Giter Club home page Giter Club logo

Comments (3)

JasonStoltz avatar JasonStoltz commented on September 23, 2024

@cee-chen Do you have more context to link here?

from eui.

cee-chen avatar cee-chen commented on September 23, 2024

Original design that tooltips are intended to replace:

Image

The tooltips replace the non-essential descriptions and will gain back valuable screen real estate.

from eui.

cee-chen avatar cee-chen commented on September 23, 2024

Scope of work:

API considerations:

  • API should go on the option object/type, not on the top-level component
  • It should be possible for mixed usage (i.e., some options to have tooltip content and some options to not have tooltips).
  • Please start with adding the new prop to EuiComboBox first (higher priority). EuiSelectable is nice to have and will be needed for #2841, but can also wait if needed.

UX considerations:

  • Triggering the tooltip on keyboard "focus" is going to require some amount of trickery/workaround as focus is technically on the search input and not on the actual list item. If this is too complicated to do, let's punt it to a separate follow-up PR and focus on mouse functionality first.
  • Default tooltip delay to short and not long, please (per recent conversations with Marcialis)
  • (OPTIONAL) We may want to consider automatically rendering the iInCircle icon if tooltipContent exists and has been passed, to let users know that the content exists. Would be open to thoughts on this or if we should just let users decide this themselves via the append or prepend properties

from eui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.