sort-popover
Sort options in a popover; the trigger shows the current sort (the designer's text until the visitor sorts), a pick closes it.
At a glance
sort-select
The browser's own select
- Built with
- A Form Block with a Select field.
- Good to know
- The first option stays as the placeholder.
sort-radio
Radio buttons
- Built with
- A Form Block with one Radio button.
- Good to know
- The Radio button is the template of every option.
sort-dropdown
A Webflow Dropdown
- Built with
- A Form Block and a Webflow Dropdown.
- Good to know
- The toggle shows the current sort.
sort-popover
A panel over the page
- Built with
- A Form Block and links or buttons in a popover.
- Good to know
- The trigger shows the current sort.
More in the guide.
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: 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
selected-value.
Loading
Its code loads only on pages that have sort-popover.