Site Search

The SearchElement is a component which enables a publication's readers to search its entire catalogue of articles. This component is most commonly used in navbars.

• The default icon is a magnifying glass. You customize the icon by adding your own SVG file.

Example:

<template>
  <HeroBlock :block="block">
    <SearchElement />
  </HeroBlock>
</template>

Example custom SearchElement icon

<template>
  <HeroBlock :block="block">
    <SearchElement>
      <!-- customized icon -->
      <img class="w-8 h-8" src="path/to/yourIcon" />
    </SearchElement>
  </HeroBlock>
</template>