Home

Welcome to the Firefly pattern library documentation.

What is the pattern library?

The pattern library is a self-contained project written in node js. It allows us to break front end code into small reusable chunks. We call these chunks patterns or blocks. These two terms are interchangeable; they both mean the same thing.

Blocks can be written in either as .xsl (XSLT) or .rt (Angular) templates.

A Gulp process is then used to build the blocks. The pattern library comes complete with its own web interface to view and test the blocks. It will also package blocks and assets for use in Firefly.

Table of Contents

1. Types of pattern (aka Blocks)
2. Folder Setup
3. Gulp commands
4. Writing a pattern (aka Block)
5. Wiring a pattern into Firefly