Heartwood

Modal Header 

<div class="modal-header">
    <div class="modal-header__title-wrapper">
        <h2 class="modal-header__title">New Service Category</h2>
    </div>
    <button class="btn btn-small  btn-icon-only " type="button">
			<span class="btn__inner">
				<span class="btn__icon-wrapper">
					<?xml version="1.0" encoding="utf-8"?>
					<svg
						class='btn__icon '
						version="1.1"
						id="Layer_1"
						xmlns="http://www.w3.org/2000/svg"
						xmlns:xlink="http://www.w3.org/1999/xlink"
						x="0px"
						y="0px"
						width="20px"
						height="20px"
						viewBox="0 0 20 20"
						enable-background="new 0 0 20 20"
						xml:space="preserve">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8334 5.3415L14.6584 4.1665L10.0001 8.82484L5.34175 4.1665L4.16675 5.3415L8.82508 9.99984L4.16675 14.6582L5.34175 15.8332L10.0001 11.1748L14.6584 15.8332L15.8334 14.6582L11.1751 9.99984L15.8334 5.3415Z"/>
					</svg>
				</span>
				
			</span>	
	</button>
</div>
 
<div class="modal-header">
	<div class="modal-header__title-wrapper">
		{{#if canGoBack}}
		{{> @button className="btn-small" width="20" height="20" icon='<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6663 9.16665H6.52467L11.183 4.50831L9.99967 3.33331L3.33301 9.99998L9.99967 16.6666L11.1747 15.4916L6.52467 10.8333H16.6663V9.16665V9.16665Z"/>'}}
		{{/if}}
		<h2 class="modal-header__title">{{{title}}}</h2>
	</div>
	{{> @button className="btn-small" width="20" height="20" icon='<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8334 5.3415L14.6584 4.1665L10.0001 8.82484L5.34175 4.1665L4.16675 5.3415L8.82508 9.99984L4.16675 14.6582L5.34175 15.8332L10.0001 11.1748L14.6584 15.8332L15.8334 14.6582L11.1751 9.99984L15.8334 5.3415Z"/>'}}
</div>
 
{
  "title": "New Service Category"
}

There are no notes for this item.