Title Header
Title headers do not have a direct sketch or design component associated with them. They are extracted out into a separate molecule since other organism and template share similar styles and behaviours. Current usages include modals and panels.
Tempalte Details:
Name:
Title Header
Documentation:
https://www.contorion.de/designsystem/molecules/title-header
Template:
@application/components/title-header.molecule.twig
Twigprops:
primary, secondary, tertiary, primaryResponsive, success, error, warning, grey, rightButtonClasses, containerPadded, titleClasses,
Themes
ReadyThe component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.
Fluid:
Default Title Header
Success Title Header
Error Title Header
Warning Title Header
Grey Title Header
Responsive:
Additional elements
ReadyThe component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.
Fluid:
Title Header with Button
Title Header with Link
Header linkTitle Header with Icon
Title Header with Responsive Button
Responsive:
Fonts
ReadyThe component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.
Fluid:
Primary Title Header
Secondary Title Header
Tertiary Title Header
Responsive:
Sizing
ReadyThe component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.