Skip to content

Breadcrumb


View Source 

Usage

css
@import "winduum/src/components/breadcrumb/index.css" layer(components);

Variants

  • default 

Props

  • default 

Installation

Follow instructions for individual framework usage below

  • winduum 
  • winduum-vue 
  • winduum-react 

Example

html
<nav class="x-breadcrumb text-sm" aria-label="breadcrumb">
    <ol>
        <li>
            <a href="#" class="x-link flex" title="Home">
                <svg aria-hidden="true" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
                </svg>
            </a>
        </li>
        <li>
            <a href="#" class="x-link" title="">
                User
            </a>
        </li>
        <li>
            <a href="#" class="x-link opacity-50 pointer-events-none" aria-current="location" title="">
                Documents
            </a>
        </li>
    </ol>
</nav>

Released under the MIT License.