Collapse

A collapse component to open and close some content. This structure is used as a basis for other components.

Default

px

			
				<div class="m-collapse js-m-collapse is-open" data-is-root="true">
	<div class="m-collapse__header">
		Collapse header
	</div>
	<div class="m-collapse__content">
		<div class="m-collapse__content__container">
			<ul class="m-list m-list--no-type ">
				<li class="m-list__item">
					<a class="a-link " href="">Item1</a>
				</li>
				<li class="m-list__item">
					<a class="a-link " href="">Item2</a>
				</li>
				<li class="m-list__item">
					<a class="a-link " href="">Item3</a>
				</li>
			</ul>
		</div>
	</div>
</div>
			

		

Documentation

States

  • is-open

    Will open the collapse