Elements - <miso-search>


A container element for the search workflow.

  • Other elements have to be placed inside these elements to be associated with the workflow.
  • There can be multiple container elements that associate to the same workflow in a page.
<miso-search>
  <miso-query></miso-query>
</miso-search>

<!-- ... -->

<miso-search>
  <miso-products></miso-products>
</miso-search>

Components

The following table lists the components that are available in the container. Each component either associates to a property in the API response or some input element.

Tag Property in API response Description
<miso-query> --
<miso-products> products

Attributes

Control Miso logo display.

By default, Miso logo is appended at the end of the container that contains the main data component (<miso-products>) when data is ready. You can control the logo display by setting the logo attribute on the container element.

<miso-search logo="false">
  <!-- ... -->
</miso-search>
Value Default Behavior
true Miso logo is appended at the end of container when data is ready.
false Miso logo is not displayed.
auto ✓ Miso logo is appended at the end of container when data is ready only if it contains the main component. (e.g. <miso-products>)