List
Lists represents a list of links that either take the user to another page or parts of the page the user is in.
Examples
- Single Title which is pretty lenghty for such a listitem
- Single Title
- something in sup here Single Title which is pretty lenghty for such a listitem
- Single Title something in sub here
- asdfhasdf Single Title which isreallylongandeverythign 123
- asdfhasdf Single Title which isreallylongandeverythign 123
- somehere Single Title something in sub here
- somehere Single Title something in sub here
- somehere Single Title something in sub here
- somehere Single Title something in sub here
- Single Title which isreallylongandeverythign 123
- Single Title 123
- Single Title
- somehere Single Title something in sub here
- Single Title something in sub here 123
- hello super 😎🤩😏😇😍😙😗😉 long line with emoji Single Title 123
- sup Lorem ipsum dolor sit amet cum sociis natoque sub 123
- Single Title 123
<ul class="dl-list">
<li class="">
<span class="label">Single Title which is pretty lenghty for such a listitem</span>
</li>
<li class="selected">
<span class="label">Single Title</span>
</li>
<li class="">
<span class="content">
<span class="sup">something in sup here</span>
<span class="label">Single Title which is pretty lenghty for such a listitem</span>
</span>
</li>
<li class="">
<span class="content">
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</li>
<li class="badge">
<span class="content">
<span class="sub">asdfhasdf</span>
<span class="label">Single Title which isreallylongandeverythign</span>
</span>
<span class="dl-badge">123</span>
</li>
<li class="badge selected">
<span class="content">
<span class="sub">asdfhasdf</span>
<span class="label">Single Title which isreallylongandeverythign</span>
</span>
<span class="dl-badge negative">123</span>
</li>
<li class="">
<span class="content">
<span class="sup">somehere</span>
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</li>
<li class="selected">
<span class="content">
<span class="sup">somehere</span>
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</li>
<li class="">
<a href="#">
<span class="content">
<span class="sup">somehere</span>
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</a>
</li>
<li class="selected">
<a href="#">
<span class="content">
<span class="sup">somehere</span>
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</a>
</li>
<li class="badge">
<span class="label">Single Title which isreallylongandeverythign</span>
<span class="dl-badge negative">123</span>
</li>
<li class="badge selected">
<span class="label">Single Title</span>
<span class="dl-badge negative">123</span>
</li>
<li>
<a href="#">
<span class="label">Single Title</span>
</a>
</li>
<li class="">
<a href="#">
<span class="content">
<span class="sup">somehere</span>
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
</a>
</li>
<li class="badge">
<a href="#">
<span class="content">
<span class="label">Single Title</span>
<span class="sub">something in sub here</span>
</span>
<span class="dl-badge negative">123</span>
</a>
</li>
<li class="badge">
<a href="#">
<span class="content">
<span class="sup">hello super 😎🤩😏😇😍😙😗😉 long line with emoji</span>
<span class="label">Single Title</span>
</span>
<span class="dl-badge negative">123</span>
</a>
</li>
<li class="badge">
<a href="#">
<span class="content">
<span class="sup">sup</span>
<span class="label">Lorem ipsum dolor sit amet cum sociis natoque</span>
<span class="sub">sub</span>
</span>
<span class="dl-badge negative">123</span>
</a>
</li>
<li class="selected">
<a href="#">
<span class="label">Single Title</span>
<span class="dl-badge negative">123</span>
</a>
</li>
</ul>