Badges
Sketch name:
Badges
Tempalte Details:
Name:
Badge
Documentation:
https://www.contorion.de/designsystem/molecule/badge
Template:
@application/components/badge.molecule.twig
Twigprops:
facet, icon, color, size, text
Outlined badges
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:
Topseller
Neu im Sortiment
Outlet-Deal
Angebot
Black Friday Deal
Topseller
Neu im Sortiment
Outlet-Deal
Angebot
Black Friday Deal
Responsive:
Filled badges
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:
Topseller
Neu im Sortiment
Outlet-Deal
Angebot
Black Friday Deal
Topseller
Neu im Sortiment
Outlet-Deal
Angebot
Black Friday Deal
Responsive:
Free text badges
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:
Gratis Prämie
-15% Rabatt