User Manual
Menu
Close
User Manual

Collapsable

This is the collapsable component. When clicked, it will open and show the content that was previously hidden. Toggle the .is-open class with a click event to make it functional.

Default

Two versions of a collapsable. One with a subtitle, one without a subtitle. When clicked, it will open and show the content that was previously hidden.

Title Subtitle
content

This is an error message

Title
content

This is an error message


      
        
      

  
	
		<div class="m-collapsable m-collapsable--border-bottom m-collapsable--no-icon">
			<div class="m-collapsable__title">
				<!-- title -->
				
				<span class="m-collapsable__subtitle"><!-- subtitle --></span>
				
			</div>
			<div class="m-collapsable__content">
					<!-- content -->
				
				<p class="u-error-log hide"><!-- text --></p>
				
			</div>
		</div>
	



    
      

      
    

This is a title

this is usage documentation is written in markdown