# How add custom additinal facet in search ui in frontend

**URL:** <https://discuss.elastic.co/t/how-add-custom-additinal-facet-in-search-ui-in-frontend/280053>\
**Category:** Elastic Search\
**Created:** [July 30, 2021, 7:56am UTC](https://discuss.elastic.co/t/how-add-custom-additinal-facet-in-search-ui-in-frontend/280053 "2021-07-30T07:56:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pradeep14](https://avatars.discourse-cdn.com/v4/letter/p/5daacb/32.png) [@pradeep14](https://discuss.elastic.co/u/pradeep14)\
**Post date:** [July 30, 2021, 7:56am UTC](https://discuss.elastic.co/t/how-add-custom-additinal-facet-in-search-ui-in-frontend/280053/1 "2021-07-30T07:56:48Z")

</div>

I'm trying to create a new facet but I don't know how to create a new facet. I create a component and assign it to view but I want to add an additional filter in that facet so how can I add an additional filter in facet

```auto
 <Facet
                  key={field}
                  field={field}
                  label={field}
                  view={FacetView}
                />

```

facetview is a component where i can get filter value

---

<div class="post-metadata">

**Author:** ![Carlos\_D](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carlos_d/32/126245_2.png) [@Carlos\_D](https://discuss.elastic.co/u/Carlos_D)\
**Post date:** [August 2, 2021, 11:27am UTC](https://discuss.elastic.co/t/how-add-custom-additinal-facet-in-search-ui-in-frontend/280053/2 "2021-08-02T11:27:18Z")

</div>

Facets are configured in engine.json for the downloaded Search UI. You can see an example configuration in the [Search UI README file](https://github.com/elastic/app-search-reference-ui-react).

Once all the fields that needs to be used as facets are configured, the facet component can be added to the UI as per the snippet:

`<Facet key={field} field={field} label={field} />`

Please see [Facets Guide](https://www.elastic.co/guide/en/app-search/current/facets-guide.html) for additional information on Facets.

---

<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:** [November 4, 2022, 8:31am UTC](https://discuss.elastic.co/t/how-add-custom-additinal-facet-in-search-ui-in-frontend/280053/3 "2022-11-04T08:31:38Z")

</div>