Kevin Mendoza

Breadcrumbs

Breadcrumbs display a hierarchy of links to the current page or resource in an application.

Import

import { Breadcrumbs } from 'sveltekev';

Size

Radius

Color

Shadow

Paths

<Breadcrumbs paths={[{ slug: 'Home', href: '/'}]} />

API

ATTRIBUTE

TYPE

DEFAULT

size

'xs' | 'sm' | 'md' | 'lg' | 'xl'

md

radius

'none' | 'sm' | 'md' | 'lg' | 'full'

none

color

'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger'

default

shadow

0 | 1 | 2 | 3

0

paths

{ slug: string; href: string }[]

null