Photo by Glenn Carstens-Peters on Unsplash

Native checkboxes are notoriously difficult to style. Customization is tough because you cannot apply styles directly to the default checkbox element. Instead, it has become standard to hide the native checkbox element and replace it with a styled version. …

Photo by russn_fckr on Unsplash

TL;DR

My goal was to find a maintainable and scalable way to style React components at iFixit. These were the features I was looking for in a React styling system:

  • Styles encapsulated within components
  • Local by default
  • Ability to delete code with confidence
  • Style as a function of state
  • Support for…

Cole Bemis

Building things for people who build things. Design Systems Engineer at GitHub. Studying Computer Science at CalPoly.

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