Breadcrumbs

Breadcrumbs are used as navigational hierarchies to indicate current location.

Add a container element with the breadcrumb class. And add child elements with the breadcrumb-item class.

<script>
    import {Breadcrumbs} from 'svelte-spectre';

    let links = [
        {title:'Home', href: '#', tooltip: 'Home'},
        {title:'Settings', href: '#', tooltip: 'Settings'},
        {title:'Svelte-Spectre', href: '#', tooltip: 'Svelte-Spectre'}
        ];
</script>

<Breadcrumbs {links}/>

API Breadcrumbs

interface Link interface Link

interface Link { href: string; title: string; tooltip: string; }

href: string Item link

any URL string

title: string Item title

any string

title: tooltip Item tooltip

any string