use-breadcrumb-group.md

useBreadcrumbGroup

useBreadcrumbGroup is a React hook for managing BreadcrumbGroup's state with React Router.

Table of Contents

• State
  • handleFollow
• Examples

State

handleFollow

BreadcrumbGroup's onFollow prop

Examples

import BreadcrumbGroup from '@awsui/components-react/breadcrumb-group';
import { useBreadcrumbGroup } from 'use-next-awsui';

const ITEMS = [
  // ...
];

export default function MyBreadcrumbGroup() {
  const { handleFollow } = useBreadcrumbGroup();

  return <BreadcrumbGroup items={ITEMS} onFollow={handleFollow} />;
}