sort-select
Sort options in a native select; the first option is the placeholder.
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,select. - 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.
Fields in the form
It reads no field of yours: reads no name of yours: Smootify names the field sort.
Attributes on the element
- It reads
selected-value.
Loading
Its code loads only on pages that have sort-select.