Pattern Library Notes

See the main page for details. Navigation is available via the side menu. You can also toggle all the patterns:

Pattern Section: Bootstrap Compatibility

Certain Superfeedr styles have been developed to share their classes with Bootstrap classes, so that UI styled with Bootstrap classes can be embedded in Superfeedr and have a Superfeedr appearance, and can be embedded in other sites using Bootstrap to take on that site’s appearance.


Equivalent to an SF .box.

Toggle pattern display width


Equivalent to an SF .button.button--raised, with various state classes.

Toggle pattern display width

The ultimate test: this uses Bootstrap classes to build an application styled in the SF way, using our Bootstrap compatibility styles. (Note: application markup is generated by React.)

Toggle pattern display width