LIST

Swavy UI list group allows the developer to set lists in a stylish manner

DEFAULT LIST

List Item1
List Item2
List Item3
List Item4
List Item5

                    
<ul class="sw_list">
    <li class="sw_list-menu sw_active">List Item1</li>
    <li class="sw_list-menu">List Item2</li>
    <li class="sw_list-menu">List Item3</li>
    <li class="sw_list-menu">List Item4</li>
    <li class="sw_list-menu">List Item5</li>
</ul>

LIST WITH COLLAPSIBLE BORDER & SIDE BORDER

List Item1
List Item2
List Item3
List Item4
List Item5

                    
<ul class="sw_list sw_list-large panel_collapse has-border-right sw_rsq-4">
    <li class="sw_list-menu">List Item1</li>
    <li class="sw_list-menu">List Item2</li>
    <li class="sw_list-menu">List Item3</li>
    <li class="sw_list-menu">List Item4</li>
    <li class="sw_list-menu">List Item5</li>
</ul>

LIST WITH MINIMAL BORDER

List Item1
List Item2
List Item3
List Item4
List Item5

                    
<ul class="sw_list sw_list-small list-minimal">
    <li class="sw_list-menu">List Item1</li>
    <li class="sw_list-menu">List Item2</li>
    <li class="sw_list-menu">List Item3</li>
    <li class="sw_list-menu">List Item4</li>
    <li class="sw_list-menu">List Item5</li>
</ul>