MOLECULES

Alerts

Sketch name:

Molecules/Alert

Tempalte Details:

Name:

Alert

Documentation:

https://www.contorion.de/designsystem/molecules/alert

Template:

@application/components/alert.twig

Twigprops:

alertType, wrapperClass, contentClass, alertContent, isClosable, isJsNotification, isIconVisible


Alert - general information

unrefactored
This component is only documented here but is not in a state to be used. Please feel free to refactor it first and document refactored version here before using it.

Fluid:

This is a general alert message

Responsive:

Sketch Symbol:
Molecules/Alert/Informational


Alerts inform the user about important changes. They usually appear at the top of the page or in a specific, defined section, for example, in a login form, if the user has entered information incorrectly.


Alert - success

unrefactored
This component is only documented here but is not in a state to be used. Please feel free to refactor it first and document refactored version here before using it.

Fluid:

This is a success alert message

Responsive:

Sketch Symbol:
Molecules/Alert/Warning


Alert - warning

unrefactored
This component is only documented here but is not in a state to be used. Please feel free to refactor it first and document refactored version here before using it.

Fluid:

This is a warning alert message

Responsive:

Sketch Symbol:
Molecules/Alert/Warning


Alert - error

unrefactored
This component is only documented here but is not in a state to be used. Please feel free to refactor it first and document refactored version here before using it.

Fluid:

This is a error alert message

Responsive:

Sketch Symbol:
Molecules/Alert/Error