ak-breadcrumbs

Breadcrumbs

Breadcrumbs help users visualize their current location in relation to the rest of the website or application by showing the hierarchy of pages.

Try it out

Interact with a live demo of the ak-breadcrumbs component.

Installation

npm install ak-breadcrumbs

Using the component

React

This is a standard React component.

import AkBreadcrumbs, { AkBreadcrumbsItem } from 'ak-breadcrumbs';

ReactDOM.render(
  <AkBreadcrumbs>
    <AkBreadcrumbsItem href="/home">Home</AkBreadcrumbsItem>
    <AkBreadcrumbsItem href="/home/item">Item</AkBreadcrumbsItem>
  </AkBreadcrumbs>,
  container
);

Classes

BreadcrumbsItem

Breadcrumbs

BreadcrumbsItem

Kind: global class

• Properties

  • breadcrumbsItem.href : string

new BreadcrumbsItem()

BreadcrumbsItem React component.

JS Example

import { AkBreadcrumbsItem } from 'ak-breadcrumbs';
ReactDOM.render(<AkBreadcrumbsItem />);

breadcrumbsItem.href : string

The target URL.

Kind: instance property of BreadcrumbsItem

Breadcrumbs

Kind: global class

new Breadcrumbs()

Breadcrumbs React component.

JS Example

import Breadcrumbs from 'ak-breadcrumbs';
ReactDOM.render(<Breadcrumbs />);

Support and feedback

We're here to help!

Let us know what you think of our components and docs, your feedback is really important for us.

Community support

Ask a question in our forum.

Check if someone has already asked the same question before.

Create a support ticket

Are you in trouble? Let us know!