I have created a plugin for Kibana 6.1.3, using ReactJS for rendering.
I am trying to use components of the Kibana UI framework (KUI) and of Elastic UI (EUI); for example:
import { EuiPage, EuiPageHeader } from "@elastic/eui";
import { KuiLabel } from 'ui_framework/components';
My problem: EUI components are not rendered correctly. Not sure if it's a good idea to combine KUI and EUI. Nevertheless it seems the EUI components cause trouble: the HTML structure seems ok, but the styles are not considered at all.
My question: is there a version restriction regarding the combination of KUI, EUI and Kibana 6.1.3? Or am I missing a dependency (Sass/Scss) or am I just specifying dependencies incorrectly?
Hi. EUI was added to Kibana in 6.2. That said, it's just a dependency, so you should be able to add the latest version of EUI into an older version of Kibana (or any JS project for that matter).
When doing so, you'll just need to make sure the CSS is included somewhere. We do this currently (post 6.2) by requiring the file here. You should be able to do the same.
In general, I would advise building plugins with EUI as much as possible. KUI will slowly be removed from Kibana as we convert the templates to use EUI.
Apache, Apache Lucene, Apache Hadoop, Hadoop, HDFS and the yellow elephant
logo are trademarks of the
Apache Software Foundation
in the United States and/or other countries.