Formula

Purpose

Formula shows the user how to achieve something, using a list of steps or ingredients.

Example

Formula Small
Formula Medium
Formula Large

Description

Presenting information as a formula helps to:

See live example on the programs page

Elements

A formula is presented with:

The symbols are the core function of the formula and labels help to communicate the meaning of the symbols.

Variants

No Equals

For Program description page pricing sections, we have a variant that is only a sum, with no "=" operator. Adding a modifier class of `.m-formula--no-equals` to a Formula molecule will make the last operator an "=" instead of a "+"

Live example

Added by: