Just to expand on this post, if you are looking for a good implementation reference for creating components (or if you are using Boostrap with React already) the Reactstrap libarary comes with a bunch of components that are designed along these lines.

The Blueprint UI library — which is a bit more prescribed but also a more complete UI library — follows this pattern too.

A particularly nice feature of the way Reactstrap works is that it allows what it calls “unmanaged” components for things like tabs and dropdown menus, so you don’t need to write any state management code for simple use cases.

Written by

Software for news and media and civic tech. Cat herder. Director at Glitch Digital.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store