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: Tables

When there’s data to display, or other ordered information, a table is the best bet.

Table header

Introduces the names of each column. When contained in a .box (second sample), it takes the table__header class, to provide a box-derived style.

Toggle pattern display width

Centred cell

A cell with centred contents.

Toggle pattern display width

Special table types

The feed, token, and invoice tables, which provide special styles for their unique contents. Note the column styles (column--*).

Toggle pattern display width