<aside class="drawer"> <ul class="list list-stacked drawer-content"> <li class="drawer-sub"> <h5 class="heading list-heading">P0 components</h5> <ul class="list list-stacked drawer-content"> <li class="list-item"><a href="/pages/components/alert.html"> <span class="icon"> ⚠ </span> alert</a> </li> <li class="list-item"><a href="/pages/components/badge.html"> <span class="icon"> ② </span> badge</a> </li> </ul> </li> <li class="drawer-sub"> <h5 class="heading list-heading">P1 components</h5> <ul class="list list-stacked drawer-content"> <li class="list-item"><a href="/pages/components/list.html"> <span class="icon"> ⇶ </span> list</a> </li> <li class="list-item"><a href="/pages/components/navigation.html"> <span class="icon"> ⭾ </span> navigation</a> </li> <li class="list-item"><a href="/pages/components/rating.html"> <span class="icon"> ☆ </span> Ratings</a> </li> <li class="list-item"><a href="/pages/components/text.html"> <span class="icon"> Ⓣ </span> text</a> </li> </ul> </li> </ul> </aside>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter