Breadcrumbs Config
The breadcrumbsConfig
object is used to define the structure and content of breadcrumbs for website. Breadcrumbs help users navigate the site hierarchy and improve the overall user experience.
Root Configuration
The root of a configuration is an array of objects. Each object represents a configuration with a language option if the site is multilingual.
Key Properties
Property Name | Type | Description |
---|---|---|
langCode |
string |
A string representing the language code (e.g., 'uk' for Ukrainian). |
defaultLang |
boolean |
A boolean indicating whether this language is the default one for the site. |
routesTree |
object |
An object defining the hierarchy of breadcrumbs for the language. |
routesTree Properties
The routesTree
object defines the breadcrumb structure for navigation.
Property Name | Type | Description |
---|---|---|
title |
string |
A string representing the name of the breadcrumb, displayed to the user. |
link |
string |
A string defining the URL path associated with the breadcrumb. |
childs |
array |
An array of objects representing child breadcrumbs. Each child object has the same structure (title and link properties, with its own childs array). |
export const breadcrumbsConfig = [
{
langCode: 'string',
defaultLang: true,
routesTree: {
title: "string",
link: "string",
childs: [
{
title: "string",
link: "string",
childs: [],
}
]
}
}
];