2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

filter-dropdown

Single-choice facet in a popover; the trigger shows the current value, a pick closes it: the same as filter-popover, the preferred form.

v2.0 betaAdd-on: Search & discovery
Open .md
On this page
  1. Where it can go
  2. What it requires
  3. Attributes on the element
  4. Loading

Note

filter-popover is the preferred form. filter-dropdown works the same in the generic build: it reads the [popover] it holds like filter-popover, with the same attributes, and removes itself only when there is no [popover] with an option link or button.

Where it can go

  • Inside smootify-search-discovery.
  • Must contain form, [popover] :is(a, button:not([popovertarget])).
  • Out of place, Smootify removes it from the page: also without a label attribute; data-expand panels count as inside.

What it requires

  • The Search & discovery extension (lite or server plan, or the extension activated in the Smootify dashboard). Without it, the element does nothing.

Attributes on the element

  • It reads label, custom-label, selected-value, allow-reset, show-count, hide-parenthesis.

Loading

Its code loads only on pages that have filter-dropdown.

    ↑ ↓ to moveEnter to openEsc to close