design-system-site
design-system-site copied to clipboard
What's the deal with `select-box`?
- Why select boxes ~~suck~~ aren't great.
- How we did the HTML on our one.
- We've opted for no arrow on disabled select elements because of the way the markup works (:disabled select is on top of div which has the arrow)
Select boxes inherently hide content from the user. We recommend using radio and checkboxes when possible. It might be good to right a rationale about this. Countries for instance is a good example of a select box, however choosing a tshirt size might be a select box.
There is some magic going on with our select box HTML + CSS to get the icon in there. It would be great to talk about it.