roobie
Version:
A collection of CSS classes to keep you writing business logic in your HTML. Easily build maintainable web & mobile applications with 100s of pre-built CSS classes at your fingertips.
46 lines (42 loc) • 1.2 kB
Markdown
# Path
Display the current website path, or a group of items.
## Basic
<ul class="path">
<li class="path-item">Home</li>
<li class="path-item">Shopping</li>
<li class="path-item">Cart</li>
</ul>
```html
<ul class="path">
<li class="path-item">Home</li>
<li class="path-item">Shopping</li>
<li class="path-item">Cart</li>
</ul>
```
## Custom Divider
<ul class="path" style="--path-divider: '>'">
<li class="path-item">Home</li>
<li class="path-item">Order</li>
</ul>
<ul class="path" style="--path-divider: '|'">
<li class="path-item">All</li>
<li class="path-item">Clothes</li>
<li class="path-item">Shoes</li>
<li class="path-item">Hats</li>
<li class="path-item">Accessories</li>
<li class="path-item">Office</li>
</ul>
```html
<ul class="path" style="--path-divider: '>'">
<li class="path-item">Home</li>
<li class="path-item">Order</li>
</ul>
<ul class="path" style="--path-divider: '|'">
<li class="path-item">All</li>
<li class="path-item">Clothes</li>
<li class="path-item">Shoes</li>
<li class="path-item">Hats</li>
<li class="path-item">Accessories</li>
<li class="path-item">Office</li>
</ul>
```