User Manual
Menu
Close
User Manual

My-account

This is the my account component. Used for the Header component.

Default

The my account molecule.
This is the not logged in state.


      
        
      

  
	<div class="m-my-account ">
		<div class="m-my-account__button ">
			<a class="icon-profile" href="#"></a>
		</div>
	</div>



    
      

      
    

Logged-in

The my account molecule.
This is the not logged in state.


      
        
      

  
	<div class="m-my-account ">
		<div class="m-my-account__button m-my-account__button--logged-in ">
			<span class="icon-profile" href="#"></span>
			<span class="m-my-account__button__bubble icon-checkmark"></span>
		</div>
		
	<div class="m-tooltip m-tooltip--bottom m-tooltip__header m-tooltip__my-account m-my-account__bottom hide">
		<button class="icon-close"></button>
		<div class="m-tooltip__my-account__heading">
			<h4><!--text--><span><!--text--></span></h4>
		</div>
		<ul class="m-tooltip__my-account__list">
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
			<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
		
		</ul>
	</div>

	</div>



    
      

      
    

This is a title

this is usage documentation is written in markdown