Popup

This component is the container of a pop up panel that slides in from the right.

Default

px

			
				<button class="a-button" data-popup-trigger="popup">
	<span class="a-button__text">Trigger</span>
</button>
<button class="a-button" data-popup-trigger="popup">
	<span class="a-button__text">Trigger</span>
</button>
<div class="m-popup js-m-popup " id="popup" data-popup-name="popup" data-hubspot-form-id="4567d2a4-1e55-407a-b9cf-1c333293f1b5">
	<div class="m-popup__close-container">
		<button class="icon-cross m-popup__close" data-popup-close="popup"></button>
	</div>
	<div class="m-popup__content">
		<h2 class="m-popup__title">Popup title</h2>
		<p class="m-popup__text">Popup text</p>
	</div>
</div>
			

		

Usage

{% set markdown %}

This is a title

this is usage documentation is written in markdown {% endset %}