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

Panelled flyout experience #7054

Closed
drewdaemon opened this issue Aug 7, 2023 · 3 comments
Closed

Panelled flyout experience #7054

drewdaemon opened this issue Aug 7, 2023 · 3 comments
Labels
answered Issues answered by the EUI team - auto-closes open issues in 7 days if no follow-up response feature request

Comments

@drewdaemon
Copy link

drewdaemon commented Aug 7, 2023

The request

Support a split-flyout (double-wide) pattern.

Background

I am working on a Kibana feature whose design uses a flyout with two distinct panels: one for controls, one for the preview area.

Screenshot 2023-08-07 at 12 02 36 PM

This pattern already exists in at least one place in Kibana, but as a bespoke set of components called FlyoutPanels.

Here it is in use:
Screenshot 2023-08-07 at 12 24 57 PM

Since this is a presentational component and seems like a generally useful pattern, is there interest in transferring ownership of these components to EUI?

@ryankeairns
Copy link
Contributor

Adding another example, Security places the second column to the left:

IMG_1829

@ryankeairns
Copy link
Contributor

I've started a discussion around if/how to approach this request. Please feel free to add thoughts, examples, and other comments there: #7056

@cee-chen cee-chen added the answered Issues answered by the EUI team - auto-closes open issues in 7 days if no follow-up response label Aug 11, 2023
@cee-chen
Copy link
Member

Closing this as resolved/answered by #7056:

While this is an emerging pattern, we aren't quite ready to a) establish an officially-supported pattern or b) provide direct support via EuiFlyout.

If/when the EUI team decides to proceed, the next steps would entail further design exploration, alignment, and resulting guideline creation. At this point, we are not able to prioritize this work and will live with the provided example/answer for the time being.

In the interim, we'll point devs to using the EuiFlexGroup workaround listed in the discussion.

@cee-chen cee-chen closed this as not planned Won't fix, can't repro, duplicate, stale Aug 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
answered Issues answered by the EUI team - auto-closes open issues in 7 days if no follow-up response feature request
Projects
None yet
Development

No branches or pull requests

3 participants