BreadcrumbsLink

BreadcrumbLink is a sub-component of the Breadcrumbs component

Basic Usage


import { Breadcrumbs, BreadcrumbsLink } from '@krakentech/coral';
 
<Breadcrumbs>
    <BreadcrumbsLink href="#">This is a link</BreadcrumbsLink>
</Breadcrumbs>

This is a link

Properties

current


<Breadcrumbs>
    <BreadcrumbsLink>This is a link</BreadcrumbsLink>
    <BreadcrumbsLink current>This is a link</BreadcrumbsLink>
</Breadcrumbs>

This is a link

This is a current link

href


<Breadcrumbs>
    <BreadcrumbsLink href="#">This is a link</BreadcrumbsLink>
</Breadcrumbs>

to

We alternatively provide the to prop for use with React Router.


<Breadcrumbs>
    <BreadcrumbsLink to="#">This is a link</BreadcrumbsLink>
</Breadcrumbs>

Full API

Name	Type	Default
`children`	`string`
`href`	`string` The URL that the hyperlink points to
`to`	`string` Link href for the router dom link
`current`	`boolean` Is this the currently active breadcrumb item?