This page is to demo components built in a few different ways, with Styled Components and Styled System, or with Primer CSS using System Classnames, and Classnames. Comments in within each component.js file explain what the component is built with. I recommend viewing the documentation for each of the packages for a better understanding of how each of them work.

As well as different libraries for applying styles, demos indclude extending a component and using the withComponent method from styled-components; using style functions to expose props defined in the theme.js file with styled-system; and using props to pass in data to a component. Have fun!