welcome to nuxt glorious

Breadcrumb

A hierarchy of links to navigate through a website.

Example

Simple example for GAvatar

            
<script setup lang="ts">
    const items = [
        {
            text: 'alert',
            to: '/components/alert',
        },
        {
            text: 'avatar',
            to: '/components/avatar',
        },
        {
            text: 'end',
        },
    ]
<script>

<template>
    <GBreadcrumb :items="items" />
<template>

config

config for global setting , set on nuxt.config

            
glorious:{
    components:{
        breadcrumb:{
            props:{
                divider:'/',
            }
        }
    }
}

interface for items

Attention : icon is GIcon component so you should set svg file to assets folder read more about GIcon

            
interface breadcrumbInterface {
  text: String
  icon?: String
  to?: String
}

props

Prop	Type	Default
items	Array	-
divider	string	/