# How to use search-ui Conditional Facets

**URL:** https://discuss.elastic.co/t/how-to-use-search-ui-conditional-facets/307386
**Category:** Elasticsearch
**Created:** [June 16, 2022, 10:44am UTC](https://discuss.elastic.co/t/how-to-use-search-ui-conditional-facets/307386 "2022-06-16T10:44:29Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![fkvivid](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@fkvivid](https://discuss.elastic.co/u/fkvivid)
#### Post date: [June 16, 2022, 10:44am UTC](https://discuss.elastic.co/t/how-to-use-search-ui-conditional-facets/307386/1 "2022-06-16T10:44:29Z")

</div>

How to use Conditional Facets in my App-search  
I read the example [github](https://github.com/elastic/search-ui/blob/master/docs/guides-conditional-facets.mdx) [elastic docs](https://docs.elastic.co/search-ui/guides/conditional-facets) but not working any help 🙏

Target: if choose California of states Then show conditional Facet

Here is a national park example code

```auto
const config = {
  alwaysSearchOnInitialLoad: true,
  searchQuery: {
    result_fields: {
      visitors: { raw: {} },
      world_heritage_site: { raw: {} },
      location: { raw: {} },
      acres: { raw: {} },
      square_km: { raw: {} },
      title: {
        snippet: {
          size: 100,
          fallback: true
        }
      },
      nps_link: { raw: {} },
      states: { raw: {} },
      date_established: { raw: {} },
      image_url: { raw: {} },
      description: {
        snippet: {
          size: 100,
          fallback: true
        }
      }
    },
    disjunctiveFacets: ["states","world_heritage_site"],
    facets: {
      states: { type: "value" },
    }
  },
  conditionalFacets: {
    'world_heritage_site': FilterIsSelected('states', 'California')
  },
  autocompleteQuery: {
    results: {
      resultsPerPage: 5,
      result_fields: {
        title: {
          snippet: {
            size: 100,
            fallback: true
          }
        },
        nps_link: {
          raw: {}
        }
      }
    },
    suggestions: {
      types: {
        documents: {
          fields: ["title", "description"]
        }
      },
      size: 4
    }
  },
  apiConnector: connector
};

function FilterIsSelected(fieldName: string, value?: string) {
  return ({ filters }) => {
    return filters.some(
      (f) => f.field === fieldName && (!value || f.values.includes(value))
    );
  };
}

```

---

<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: [July 14, 2022, 10:44am UTC](https://discuss.elastic.co/t/how-to-use-search-ui-conditional-facets/307386/2 "2022-07-14T10:44:38Z")

</div>

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