Breadcrumb
Shows the navigation path from the homepage to the current page location.
Chevrons
<nav class="d-f ai-c b-1 bc-silver-4 p-3 rad-1 fs-sm tc-silver-10"> <a href="#" class="h:tc-black td-none">Dashboard</a> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mx-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> <a href="#" class="h:tc-black td-none">Profile</a> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mx-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> <span class="tc-black fw-600">Security</span></nav>Collapsed
<nav class="d-f ai-c b-1 bc-silver-4 p-3 rad-1 fs-sm tc-silver-10"> <a href="#" class="h:tc-black td-none">Dashboard</a> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mx-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> <span class="d-f ai-c jc-c"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </span> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mx-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> <span class="tc-black fw-600">Security</span></nav>