Comments (3)
@cee-chen Do you have more context to link here?
from eui.
Original design that tooltips are intended to replace:
The tooltips replace the non-essential descriptions and will gain back valuable screen real estate.
from eui.
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 iftooltipContent
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 theappend
orprepend
properties
from eui.
Related Issues (20)
- [Docs] EuiProvider custom breakpoints example no longer works HOT 1
- Datagrid - Rearranging visible columns works on the grid but does not hold state on drop down menu. HOT 2
- [EuiIcon] Update the `logoElasticStack` icon to latest
- [DataGrid] Enable `Auto Fit` behavior when `Cell row height` - `Custom` is selected HOT 17
- [EuiComboBox] Add autocomplete="off"
- [New docs] Implement documentation content page design changes
- Error when trying to use EUI with Observable Framework HOT 4
- [New docs] Add interactive Demo component
- EUI Icons not rendering for some users HOT 6
- [New docs] Implement sidebar design changes
- [New docs] Add code transformer to the interactive code component to support existing EUI code examples
- [New docs] Add codesandbox integration to the interactive demo component
- EuiDatePicker: display more years than a range of +- 7 years HOT 5
- Elastic UI ComboBox dropdown positioning HOT 5
- [New docs] Setup local search
- [A11Y] Using nested `EuiPopover` in `EuiModal`: Pressing ESC in child component closes parent HOT 1
- Icon confusion with `copyClipboard` HOT 5
- [New docs] Breadcrumbs: Implement design changes
- [a11y] [EuiBasicTable] actions - overrides `aria-label` for multi-action button HOT 7
- [EuiTable EuiBasicTable] Ensure nested content is correctly positioned and aligned
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from eui.