/react-breadcrumb-example

This is React breadcrumb component example with ContextAPI

Primary LanguageTypeScript

react-breadcrumb-demo

This is React breadcrumb component example with ContextAPI And React Hooks;

Demo

Edit react-breadcrumb-demo

Installation

You can access http://localhost:3000

$ git clone https://github.com/t-yng/react-breadcrumb-demo.git
$ cd react-breadcrumb-demo
$ yarn install
$ yarn dev

Usage

Root Component

export const RootComponent: FC<{}> = ({ children }) => (
    <BreadcrumbProvider>
        {children}
    </BreadcrumbProvider>
)

Child Component

export const ChildComponent = {
    useBreadcrumb([
        {
            id: 1,
            text: 'Home',
            href: '/'
        },
        {
            id: 2,
            text: 'About',
        }
    ]);

    return <h1>This is About Page</h1>
}