# Kibana plugin search elastic

**URL:** <https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504>\
**Category:** Kibana\
**Tags:** kibana-plugin-development\
**Created:** [November 16, 2020, 11:05am UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504 "2020-11-16T11:05:23Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![omerf](https://avatars.discourse-cdn.com/v4/letter/o/7993a0/32.png) [@omerf](https://discuss.elastic.co/u/omerf)\
**Post date:** [November 16, 2020, 11:05am UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/1 "2020-11-16T11:05:23Z")

</div>

I am creating a plugin in Kibana 7.0.1, to search through api, with an http request through server.route.  
In the new kibana plugins I can see:  
\<navigation.ui.TopNavMenu  
appName={PLUGIN\_ID}  
showSearchBar={true}  
useDefaultBehaviors={true}  
indexPatterns={indexPattern ? [indexPattern] : undefined}  
/\>

to enable the search bar. I also want the search bar, when I search, where can I add it. This is my code:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/a/4abb6f2718c0a8c1162eedcc7db1136e8f82a42d.png)

---

<div class="post-metadata">

**Author:** ![ylasri](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ylasri/32/86120_2.png) [@ylasri](https://discuss.elastic.co/u/ylasri)\
**Post date:** [November 16, 2020, 2:24pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/2 "2020-11-16T14:24:35Z")

</div>

Check this [example](https://github.com/synapticiel/np_search_example), it will help you on how to integrate TopNavMenu into your custom plugin

---

<div class="post-metadata">

**Author:** ![omerf](https://avatars.discourse-cdn.com/v4/letter/o/7993a0/32.png) [@omerf](https://discuss.elastic.co/u/omerf)\
**Post date:** [November 16, 2020, 2:33pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/3 "2020-11-16T14:33:42Z")

</div>

But thats the new Kibana, I am using Kibana 7.0.1, trying to integrate (firstly display) the search bar with the elastic search query.

---

<div class="post-metadata">

**Author:** ![Liza\_Katz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/liza_katz/32/52358_2.png) [@Liza\_Katz](https://discuss.elastic.co/u/Liza_Katz)\
**Post date:** [November 16, 2020, 2:36pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/4 "2020-11-16T14:36:57Z")

</div>

We also have a very simple sample plugin using `TopNavMenu` [here](https://github.com/elastic/kibana/blob/master/examples/search_examples/public/components/app.tsx).

However, are you mentioned you're using 7.0.1? `TopNavMenu` was first introduced in it's current form in [7.5](https://github.com/elastic/kibana/pull/46702)

---

<div class="post-metadata">

**Author:** ![omerf](https://avatars.discourse-cdn.com/v4/letter/o/7993a0/32.png) [@omerf](https://discuss.elastic.co/u/omerf)\
**Post date:** [November 16, 2020, 2:48pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/5 "2020-11-16T14:48:18Z")

</div>

Exactly, I'm using kibana 7.0.1

---

<div class="post-metadata">

**Author:** ![Liza\_Katz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/liza_katz/32/52358_2.png) [@Liza\_Katz](https://discuss.elastic.co/u/Liza_Katz)\
**Post date:** [November 18, 2020, 2:55pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/6 "2020-11-18T14:55:10Z")

</div>

Your code snippet is from a much later version.  
Like I said, `TopNavMenu` was introduced in 7.5.  
7.0 had an [Angular directive](https://github.com/elastic/kibana/blob/7.0/src/legacy/ui/public/kbn_top_nav/kbn_top_nav.js) for `topNavMenu`.

So I don't fully understand how what youre trying to do can work.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [December 16, 2020, 2:55pm UTC](https://discuss.elastic.co/t/kibana-plugin-search-elastic/255504/7 "2020-12-16T14:55:14Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.