Smartphoto
User Manual
Menu
Close
User Manual

Breadcrumbs

This is a breadcrumb component. It's a type of secondary navigation scheme that reflects the user's location within the website.

Default 


      
        
      

	

  <div class="m-breadcrumbs ">

    <ul class="m-breadcrumbs__list">

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

    </ul>
  </div>

_breadcrumbs

Breadcrumbs 


      
        
      
  

  <div class="m-breadcrumbs ">

    <ul class="m-breadcrumbs__list">

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

        <li class="m-breadcrumbs__item">
          <span class="icon-arrow-left"></span>
          
	<a class="a-link " href="<!-- url -->">
		<span class="a-link__text"><!-- text --></span>
	</a>

        </li>

      

    </ul>
  </div>

This is a title

this is usage documentation is written in markdown