eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiPortal docs] Add custom flyout example

Open elizabetdev opened this issue 3 years ago • 5 comments

Summary

Closes #6256.

We normally recommend in our slack to override a EuiFlyout or to create one from scratch using a EuiPortal. We always point to what should be the right a11y features but we don't have an example in our docs.

So this PR, hopefully, adds an example of what a custom flyout can be with a recommend a11y.

The example can be found here: https://eui.elastic.co/pr_6247/#/utilities/portal#a-custom-flyout

Portal-Elastic-UI-Framework

Checklist

  • [x] Checked in both light and dark modes
  • [ ] Checked in mobile
  • [x] Checked in Chrome, Safari, Edge, and Firefox
  • [ ] Props have proper autodocs and playground toggles
  • [ ] Added documentation
  • [ ] Checked Code Sandbox works for any docs examples
  • [ ] Added or updated jest and cypress tests
  • [ ] Checked for breaking changes and labeled appropriately
  • [ ] Checked for accessibility including keyboard-only and screenreader modes
  • [ ] Updated the Figma library counterpart
  • [ ] A changelog entry exists and is marked appropriately

elizabetdev avatar Sep 19 '22 18:09 elizabetdev

Preview documentation changes for this PR: https://eui.elastic.co/pr_6247/

kibanamachine avatar Sep 19 '22 18:09 kibanamachine

Preview documentation changes for this PR: https://eui.elastic.co/pr_6247/

kibanamachine avatar Sep 20 '22 15:09 kibanamachine

Preview documentation changes for this PR: https://eui.elastic.co/pr_6247/

kibanamachine avatar Sep 20 '22 18:09 kibanamachine

jenkins test this

elizabetdev avatar Sep 21 '22 15:09 elizabetdev

Preview documentation changes for this PR: https://eui.elastic.co/pr_6247/

kibanamachine avatar Sep 21 '22 16:09 kibanamachine

Preview documentation changes for this PR: https://eui.elastic.co/pr_6247/

kibanamachine avatar Sep 23 '22 12:09 kibanamachine