User Manual
Menu
Close
User Manual

List

This is the list component.

Default

A simple and default version of a list. You can use it with or without bullets.

  • item1
  • item2
  • item3

  • item1
  • item2
  • item3

      
        
      

    
	<ul class="a-list a-list--no-bullets">
    	
    		<li class="a-list__item &lt;!-- class --&gt;">
			
    			<a class="a-link &lt;!--class--&gt;" href="<!-- link -->">
			
    				<!-- text -->
			
    			</a>
			
			</li>
    	

    </ul>




    
      

      
    

Inline

An inline version of a list. Always without bullets.

  • item1
  • item2
  • item3

      
        
      

    
	<ul class="a-list a-list--inline">
    	
    		<li class="a-list__item &lt;!-- class --&gt;">
			
    			<a class="a-link &lt;!--class--&gt;" href="<!-- link -->">
			
    				<!-- text -->
			
    			</a>
			
			</li>
    	

    </ul>




    
      

      
    

With-links

A list with links. You can use it with or without bullets and also inline.


      
        
      

    
	<ul class="a-list ">
    	
    		<li class="a-list__item &lt;!-- class --&gt;">
			
    			<a class="a-link &lt;!--class--&gt;" href="<!-- link -->">
			
    				<!-- text -->
			
    			</a>
			
			</li>
    	

    </ul>




    
      

      
    

This is a title

this is usage documentation is written in markdown