styled-components

That’s exactly why we created our Babel plugin, when using it you’ll get class names that include the name you gave your component: <div class=”Sidebar__Button-KSdffgy oPwefl”> On top of that we set the displayName of the generated component too, which means in your React DevTools you’ll see the actual component name rather than just <div> … Read more

You can just do like this: const FlexContainer = styled.div` display: flex; flex-direction: column; justify-content: flex-start; `; const FlexContainerExtended = styled(FlexContainer)` flex-direction: column-reverse; `;