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: [],
                }
            ]
        }
    }
];