Horizontal menu

Every now and then it's refreshing to build components that are a bit different to what we've already seen. This component allows the user to select from a small set of options. An approach like this might come in handy, for example, in quizzes.

This component has its challenges too. What if the component had content next to it? Would the expanded menu open on top of it, or push the content aside? Also building a non-native selector like this would require careful attention to detail to make sure it works seamlessly on all devices.

I'm yet to decide if this component will be part of the free upcoming course at https://fullstackui.com. What do you think?

EDIT: I ended up leaving this component out of the course. It would've been too complex to build as an accessible component in a relatively short time of a lesson.

More by Jussi Virtanen

View profile