react-breadcrumbs-jsonld


Overview

Dynamically generates JSON-LD structured for breadcrumbs in React.

Installation

You can install this library using npm:

``shell
npm install react-breadcrumbs-jsonld
`

Usage

- url must be an absolute path.
- Must begin with either http or https.
- URLs must be recursively nested.

$3

`tsx
import { BreadcrumbSchema, BreadcrumbItem } from "react-breadcrumbs-jsonld";

function App() {
const breadcrumbs: BreadcrumbItem[] = [
{ url: "https://example.com/", name: "Home" },
{ url: "https://example.com/product/", name: "Products" },
{ url: "https://example.com/product/hoge", name: "Hoge" },
];

return (
<>


);
}
`

$3

`html

``

$3

Link

- Breadcrumb (BreadcrumbList) structured data
- Schema.org
- schema-dts

License

This project is licensed under the MIT License - see the LICENSE file for details.