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
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
- Registration form
- Panels
- Modals
Expandable
- Slider
- Pdp
- Product highlights
- Logo pool
PAGES
DEVELOPER
Expandable
Tempalte Details:
Name:
Expandable
Documentation:
https://www.contorion.de/designsystem/templates/expandable
Template:
@application/components/templates/expandable.template.twig
Twigprops:
isExpanded, wrapperClass, wrapperAttr, contentClass, contentAttr, vct, vivianEvent
Expandable
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:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel quam orci. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse
lobortis nunc id cursus ullamcorper. Cras vitae tellus justo. Proin sit amet porttitor nulla, ut
sodales odio. Aliquam non eleifend mauris. Maecenas dignissim ex vitae dignissim laoreet. Cras
sed mauris libero. Integer at dictum tortor. In sed congue ante. Nulla eu finibus ipsum, in
bibendum augue. Phasellus eu erat ornare, congue leo at, malesuada turpis. Maecenas scelerisque
cursus viverra. Cras sodales mi nibh, id maximus ipsum congue non. Fusce a faucibus ligula, nec
vulputate elit. Suspendisse vestibulum, purus eget vulputate vulputate, sapien dui scelerisque
dolor, ac lacinia metus odio iaculis magna.
Vestibulum aliquet, massa nec pellentesque sollicitudin, diam arcu finibus libero, fringilla
placerat risus dui eget nunc. Nam vitae ullamcorper orci, eu fermentum sapien. Maecenas sit amet
dignissim risus. Suspendisse urna risus, egestas non nulla bibendum, ultricies condimentum
ipsum. Suspendisse venenatis lorem id eros vehicula sagittis. Ut non consectetur est. Orci
varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Ut et risus accumsan, egestas sapien in, lacinia purus. Pellentesque maximus enim et cursus
tempus. Aliquam tincidunt condimentum nisl. Vestibulum ultricies malesuada mauris. Morbi ligula
nulla, hendrerit id varius a, malesuada a eros. Sed finibus dictum aliquet. In semper, nunc quis
ornare blandit, leo libero rhoncus mauris, non facilisis lectus orci in urna. Fusce odio nulla,
sagittis nec enim a, egestas facilisis mauris. Cras iaculis sit amet ex at vestibulum. Curabitur
vitae libero quis ante dictum rhoncus nec vestibulum nunc. Curabitur vehicula tincidunt nisi.
Morbi suscipit vestibulum urna vestibulum posuere. Aliquam in felis dapibus, faucibus urna
luctus, tincidunt diam. Proin auctor elementum nisi, sed viverra purus cursus id.