Tooltips
Tooltips are used to display additional information. They can pop up automatically (eg. form field validation) or when hovering over an icon (eg. info icon).
Sketch name:
Atoms/Tooltip/Default
Tempalte Details:
Name:
Tooltip
Documentation:
https://www.contorion.de/designsystem/atoms/tooltips
Template:
@application/components/atoms/tooltip.atom.twig
Tooltip themes
UnrefactoredThis 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 an Error Tooltip
Bitte füllen Sie dieses Feld aus
This is an Informational Tooltip
Bitte füllen Sie dieses Feld aus
This is a Default Tooltip
Bitte füllen Sie dieses Feld aus
This is a Success Tooltip
Bitte füllen Sie dieses Feld aus
This is a Warning Tooltip
Bitte füllen Sie dieses Feld aus
Responsive:
Atoms/Tooltip/Error
Atoms/Tooltip/Informational
Atoms/Tooltip/Default
Atoms/Tooltip/Success
Atoms/Tooltip/Warning