STYLE
GRID
ATOMS
MOLECULES
- Badges
- Form
- Data tables
- Alerts
- Progress bar
- Quantity widget
- Title header
- Search bar
- Search flyout
- Banners
- Product image
- Collapsible
- Coupon info
- Menu item
- Pictures menu
- Infospace
- Product rating
- Brushed text
- Product list item
- Product list empty
- Pills,skeleton
ORGANISMS
- Header
- Footer
- Pagination
- Product widget
- Product recommendations
- Product tech data
- Product info
- Product comparison
- Product relations
- Product buy box
- Product gallery
- Product usp
- Product history
Menu
- Mobile header
- Category tree
- Featured product
- Eye catcher
- Product list
- Newsletter signup
- Main navigation
- Campaign card
- Full picture block
- Product highlight
- Voucher-code
- Header slider
- Primary campaign
- Campaign slider
- Featured categories
TEMPLATES
PAGES
DEVELOPER
Menu
Tempalte Details:
Name:
Menu
Documentation:
https://www.contorion.de/designsystem/organisms/menu
Template:
@application/components/organisms/menu.organism.twig
Twigprops:
menu, headlineMenu, menuClasses, menuItemAllClasses, withLeftIcon, withLeftImage, withRightIcon, withSeparator, dataLevel, dataIdentifier, blackIcon, headerClasses, backButton, closeButton, closeButtonClasses, closeButtonTarget, backButtonClasses, backButtonText, backButtonDataAttribute, backButtonDataAttributeValue, backButtonTarget, headerText, headerTextClasses, headerLink, hasFooter, footerImage, footerImageWidth, footerImageHeight, footerHeadline, footerText, footerLink, footerLinkText, footerClasses
Fluid:
The grey background is used to show the white menu list:
