The base button—from here, we add classes to change its appearance, and the behaviour associated with clicking it. This pattern is rarely used as-is.

A base flat style button with the button--flat class, we add classes to change its appearance and the behaviour associated with clicking it. This pattern is rarely used as-is.

A small button button--help class, usually attached to an element, that provides additional help to the user.

A raised button, this has some visual depth to it. However, it’s almost always combined with a colour style to provide an associated severity to the action.

A raised button with the button--positive class, adding a colour associated with positive actions to the button.

A raised button with the button--negative class, adding a colour associated with negative actions to the button.

A raised button with the button--neutral class, adding a colour associated with neutral actions to the button.