Breadcrumbs

Brödsmulor

Storybook

Komponent som används för att visa användaren var den är i ett djupt navigationsträd.

<Breadcrumbs
  items={[
    { href: '/', title: 'Start' },
    { href: '/du-vill-forlanga', title: 'Du vill förlänga' },
    { href: '/du-vill-forlanga/studera', title: 'Studera' },
  ]}
/>

1. Start
2. Du vill förlänga
3. Studera

Installation

npm

npm install @midas-ds/components

Yarn

yarn add @midas-ds/components

pnpm

pnpm add @midas-ds/components

import { Breadcrumbs } from '@midas-ds/components'

Varianter

Förbjudna val

Använd propertyn isDisabled om du vill förbjuda vissa val

<Breadcrumbs
  items={[
    { href: '/', title: 'Start' },
    { href: '/du-vill-forlanga', title: 'Du vill förlänga', isDisabled: true },
    { href: '/du-vill-forlanga/studera', title: 'Studera' },
  ]}
/>

1. Start
2. Du vill förlänga
3. Studera

API

Name	Type	Default	Description
items *	{ href: string; title: string; isDisabled?: boolean; }[]	-