Hi @mathfour !
The select component could lend itself nicely to this use case since it has labels & values.
One option could be to hardcode a JS query with each state like this [{abbreviation: 'WI', name: 'Wisconsin'}, {abbreviation: 'CA', name: 'California'}...]
Then, your select can be set up like this where the selected value
property is only the abbreviation (but the user only sees the full name):
You could also grab the array of arrays from this library that has all the states & abbreviations: https://gist.github.com/calebgrove/c285a9510948b633aa47