Skip to content

Conversation

@mbondyra
Copy link
Contributor

@mbondyra mbondyra commented Jul 21, 2025

Summary

Resolves #8865

Adds two new props to EuiMarkdownEditor to support the Dashboard Markdown visualization use case:

  • showFooter — allows consumers to show/hide the editor footer entirely.
  • toolbarProps.right — allows replacing the default preview/editor switch with a custom node on the right side of the toolbar.

These changes make it easier to control the editor layout in custom contexts while keeping the default behavior intact.

Exposes EuiMarkdownHelpButton - in Kibana, we want to display it on the right top corner.

Checklist

  • Backwards compatible
  • Defaults remain unchanged
  • Tests added
  • Storybook updated

Screenshots

Impact to users

Defaults remain unchanged

QA

Remove or strikethrough items that do not apply to your PR.

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in both MacOS and Windows high contrast modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA
  • Code quality checklist
  • Release checklist
    • A changelog entry exists and is marked appropriately.
    • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • Designer checklist
    • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

@mbondyra mbondyra requested a review from a team as a code owner July 21, 2025 21:21
@mbondyra mbondyra force-pushed the support_toolbar_props branch from 9697307 to c6d3221 Compare July 21, 2025 21:26
@mbondyra mbondyra force-pushed the support_toolbar_props branch from c6d3221 to b50e21c Compare July 21, 2025 21:36
@mbondyra
Copy link
Contributor Author

@mgadewoll Thanks for a lightspeed review! I think I've addressed all your comments and added the storybook and website example as discussed offline. Not sure about the i18ntokens.json file changes - let me know if that's something I should revert, it was caused by the commit prehooks.

Copy link
Contributor

@mgadewoll mgadewoll left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Code changes are looking good to me. The component props updates work as intended. Nice work! Thank you for contributing! 🎉

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

cc @mbondyra

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

cc @mbondyra

@mbondyra
Copy link
Contributor Author

Thank you @mgadewoll! Looks like I have no permission to merge this PR. Could you hit the button? 🙏🏼

@mgadewoll mgadewoll merged commit ad11d0d into elastic:main Jul 24, 2025
5 checks passed
tkajtoch added a commit to elastic/kibana that referenced this pull request Aug 5, 2025
`106.1.0` ⏩ `106.2.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

## Package updates

### `@elastic/eui`

#### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0)

- Enhanced `EuiCheckableCard` to make non-interactive children clickable
for card selection ([#8907](elastic/eui#8907))
- Added `showFooter` and `toolbarProps.right` props to
`EuiMarkdownEditor` for more flexible layout control.
([#8889](elastic/eui#8889))
([#8889](elastic/eui#8889))

**Bug fixes**

- Fixed `EuiPopover` not closing on outside click after multiple fast
clicks on the trigger element
([#8882](elastic/eui#8882))

**Accessibility**

- Added accessible labels to virtualized `EuiCodeBlock`
([#8887](elastic/eui#8887))

---------

Co-authored-by: Elastic Machine <[email protected]>
Co-authored-by: Marta Bondyra <[email protected]>
delanni pushed a commit to delanni/kibana that referenced this pull request Aug 5, 2025
`106.1.0` ⏩ `106.2.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

## Package updates

### `@elastic/eui`

#### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0)

- Enhanced `EuiCheckableCard` to make non-interactive children clickable
for card selection ([elastic#8907](elastic/eui#8907))
- Added `showFooter` and `toolbarProps.right` props to
`EuiMarkdownEditor` for more flexible layout control.
([elastic#8889](elastic/eui#8889))
([elastic#8889](elastic/eui#8889))

**Bug fixes**

- Fixed `EuiPopover` not closing on outside click after multiple fast
clicks on the trigger element
([elastic#8882](elastic/eui#8882))

**Accessibility**

- Added accessible labels to virtualized `EuiCodeBlock`
([elastic#8887](elastic/eui#8887))

---------

Co-authored-by: Elastic Machine <[email protected]>
Co-authored-by: Marta Bondyra <[email protected]>
NicholasPeretti pushed a commit to NicholasPeretti/kibana that referenced this pull request Aug 18, 2025
`106.1.0` ⏩ `106.2.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

## Package updates

### `@elastic/eui`

#### [`v106.2.0`](https://github.com/elastic/eui/releases/v106.2.0)

- Enhanced `EuiCheckableCard` to make non-interactive children clickable
for card selection ([elastic#8907](elastic/eui#8907))
- Added `showFooter` and `toolbarProps.right` props to
`EuiMarkdownEditor` for more flexible layout control.
([elastic#8889](elastic/eui#8889))
([elastic#8889](elastic/eui#8889))

**Bug fixes**

- Fixed `EuiPopover` not closing on outside click after multiple fast
clicks on the trigger element
([elastic#8882](elastic/eui#8882))

**Accessibility**

- Added accessible labels to virtualized `EuiCodeBlock`
([elastic#8887](elastic/eui#8887))

---------

Co-authored-by: Elastic Machine <[email protected]>
Co-authored-by: Marta Bondyra <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiMarkdownEditor] — Allow external control of viewMode for Markdown editor and allow not displaying editor/preview button

3 participants