jio-breadcrumb

Props

Prop name	Description	Type	Values	Default
breadcrumbItems	The items to display in the list of breadcrumbs	union	-

---

View on Gitlab

General

This is the standard breadcrumb component.

Optional to fill the breadcrumbItems prop, when leave empty the breadcrumbs will be filled with the router names.

View design in Figma

Code examples

A simple breadcrumb.

<template> <div class="jio-core"> <jio-breadcrumb :breadcrumbItems="items" /> </div> </template> <script setup lang="ts"> const items: BreadcrumbItem[] = [ { label: "Home", to: "#", icon: "home-24px" }, { label: "Something else", to: "#" }, { label: "jio-breadcrumb", to: "#" }, ]; </script>