👋 Top Level Title with Emoji
Contextual sub title
Alerts (notify of system events)
This is an alert of an informative event that has happened.
This is an alert of a successful event that has happened.
This is a message of a warning.
This is a message of an error or bad thing that happened
Nav actions
Calls to Action (prompt for necessary actions)
Info Cards (explain crucial information on a page)
This style of info card announces critical information. Link.
This style of info card announces general information.
This is a second paragraph
Action Cards (i.e. for checkins)
Thing B
This is a possibly important issue to be rectified with the below action
This is a crucial issue to be rectified with the below action
Edit a thing
Thing C
This is an informative note relevant to the below action
This is an even less informative note
Do a thing
Cards (for sections of info or link blocks)
Info Title
Info descriptionTables
Optional Table Title
| Title | Title | Title |
|---|---|---|
| Content | Content | Content |
| Content | Content | Content |
Action Buttons (for forms or headers with actions)
Primary Data-Altering Action
Disabled PDAA
Secondary Data-Altering Action
Disabled SDA
Destructive Action
Disabled DA
Info (unused?)
Warning (unused?)
Nav Buttons (acting as links or navigation items in headers)
A link to somewhere
An active link to somewhere (typically indicates current page)
