Card Helper

Example

Open

Open

Usage

For default ‘blue’ card, use in cases where the amount of information required to output is deemed ‘too much’ to display within a Tooltip (decision of this use should be discussed among development team).

For warnings or information which is deemed to be an alert, the ‘yellow’ card should be used.

Structure

Container

• Every ‘card’ should have a mat-card container, which formats its' content styles and spacing.

Alternate Theme

• Include the card-helper-warning for ‘yellow’ helper card.