SA5 Advanced Sorting

This cloneable contains demonstrations of the many feaures in Sygnal's SA5 HTML Library.

We'll continue expanding it with demos as we have time.

See the SA5 Advanced Sorting Documentation
Modal
Modal

Locale-specific Sorting

A common use case for SA5 Dynamic Attributes is to set the value attribute for form elements, so that the page will load with content already in the field. This can be CMS-bound in a collection list or collection page, as in this demo.
Unsorted
Default collection list order
niño
zebra
Éclair
angst
ßuß
éxito
når
nær
Ås
Lärche
Naïve
nørd
Njord
Grüße
Österreich
æther
Zebra
apple
Banána
niño
Ångström
Žebra
árbol
über
Äpfel
élève
Apple
Banana
área
Webflow Sort
uses db unicode string sort
Apple
Banana
Banána
Grüße
Lärche
Naïve
Njord
Zebra
angst
apple
niño
niño
når
nær
nørd
zebra
Äpfel
Ångström
Ås
Éclair
Österreich
ßuß
árbol
área
æther
élève
éxito
über
Žebra
SA5 default string sort
locale: en ( default )
niño
zebra
Éclair
angst
ßuß
éxito
når
nær
Ås
Lärche
Naïve
nørd
Njord
Grüße
Österreich
æther
Zebra
apple
Banána
niño
Ångström
Žebra
árbol
über
Äpfel
élève
Apple
Banana
área
SA5 Swedish sorting
locale: sv
niño
zebra
Éclair
angst
ßuß
éxito
når
nær
Ås
Lärche
Naïve
nørd
Njord
Grüße
Österreich
æther
Zebra
apple
Banána
niño
Ångström
Žebra
árbol
über
Äpfel
élève
Apple
Banana
área
SA5 Norwegian sort
locale: no
niño
zebra
Éclair
angst
ßuß
éxito
når
nær
Ås
Lärche
Naïve
nørd
Njord
Grüße
Österreich
æther
Zebra
apple
Banána
niño
Ångström
Žebra
árbol
über
Äpfel
élève
Apple
Banana
área
SA5 Browser sort
uses browser's preferred locale, or en as default
niño
zebra
Éclair
angst
ßuß
éxito
når
nær
Ås
Lärche
Naïve
nørd
Njord
Grüße
Österreich
æther
Zebra
apple
Banána
niño
Ångström
Žebra
árbol
über
Äpfel
élève
Apple
Banana
área