Basis

Playground

FOUNDATION

Typography
Spacing
Colors

COMPONENTS

Accordion
Button
Checkbox
CheckboxGroup
Container
DatePicker
Divider
Dropdown
Flex
Footer
Form
Frequency
Grid
Header
Icon
Input
Link
List
LoadingIcon
Message
Placeholder
RadioGroup
Select
ShadowContainer
Stack
Stepper
Sticky
Text
Textarea
TimeSpan

Version 1.70.0

Message

READY

Playground

Usage
Resources

SEVERITY

assistance

info-or-minor

warning-or-significant

blocking

stop

critical

success

BACKGROUND

highlight.pink.t100

secondary.pink.t30

primary.blue.t100

highlight.purple.t100

secondary.lightBlue.t25

grey.t10

grey.t05

white

transparent

TITLE

no

yes

CALL TO ACTION

no

yes

HAS BREAKPOINT WIDTH

no

yes

768px

<Message severity="info-or-minor">
  We can help you ease the financial stress of COVID-19.{" "}
  <Link
    href="https://www.latitudefinancial.com.au/covid-19"
    newTab
  >
    Find out how.
  </Link>
</Message>

<Message severity="info-or-minor">
  We can help you ease the financial stress of COVID-19.{" "}
  <Link
    href="https://www.latitudefinancial.com.au/covid-19"
    newTab
  >
    Find out how.
  </Link>
</Message>