Breadcrumbs

The breadcrumb module is a customizable breadcrumb component that can be used to control website navigation.

Usage

import { LiquidBreadcrumb } from '@liquidcloud/modules-react';
import { FC } from 'react';

const Component: FC = () => {
  return (
    <LiquidBreadcrumb
      items={JSON.stringify([
        { label: 'Home', href: '/' },
        { label: 'Collection', href: '/collection' },
        { label: 'Sub-collection', href: '/sub-collection' },
      ])}
      current="Product Name"
    />
  );
};

export default Component;

Properties

property	type	default	description
items	array | string	-	A stringified list of objects containing label and href for each breadcrumb item.
current	string	-	The current page name.