# breadcrumb — Examples

## basic

```html
<breadcrumb-ui>
  <span>Home</span>
  <span>Components</span>
  <span>Breadcrumb</span>
</breadcrumb-ui>
```

## custom separator

```html
<breadcrumb-ui separator="&gt;">
  <span>Home</span>
  <span>Settings</span>
  <span>General</span>
</breadcrumb-ui>
```

## with links

```html
<breadcrumb-ui>
  <a href="#">Home</a>
  <a href="#">Products</a>
  <a href="#">Category</a>
  <span>Item Detail</span>
</breadcrumb-ui>
```
