MOLECULES
MOLECULES

Last updated: 14.08.2020

Version: 1.0

Collapsible

Collapsible molecule is an abstraction around typescript collapsible component which is responsible for hiding and unhiding content on click. The following documentation shows collapsible being used with panel template. However it can be used with any other component to add collapsible behaviour. The molecule also makes it easy to define which breakpoints should be collapsible or not.

Tempalte Details:

Name:

Collapsible

Documentation:

https://www.contorion.de/designsystem/molecules/collapsible

Template:

@application/macros/collapsible.molecule.twig

Twigprops:

collapsibleBreakpoints

Collapsible

Ready
The 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:

Responsive:

Collapsible responsive

Ready
The 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:

Responsive: