Breadcrumb

A little navigational element to make it easier for the user to go back in a hierarchy

Example Usage

Example

3. Computer
5. Notebook
7. Accessories
9. Backpacks
11. Long Item in the End

<template>
  <SkBreadcrumb class="sk-breadcrumb" :home="home" :model="items" />
</template>

<script setup>
import { ref } from 'vue';

const home = ref({
  icon: 'pie-chart',
  fill: 'yellow',
  to: '/',
});
const items = ref([
  { label: 'Computer' },
  { label: 'Notebook' },
  { label: 'Accessories' },
  { label: 'Backpacks' },
  { label: 'Long Item in the End' },
]);
</script>

<style lang="scss"></style>

Properties

Checkout the Primevue Docs for more info on props, slots and events