From c7298111e3f2d656d49abd5a41a470c8081959a6 Mon Sep 17 00:00:00 2001 From: Mahmut Gundogdu Date: Tue, 4 Oct 2022 15:20:43 +0300 Subject: [PATCH] Add "breadcrump" section on lepton-x lite docs --- docs/en/Themes/LeptonXLite/Angular.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/docs/en/Themes/LeptonXLite/Angular.md b/docs/en/Themes/LeptonXLite/Angular.md index 103d7929c7..f2a4454559 100644 --- a/docs/en/Themes/LeptonXLite/Angular.md +++ b/docs/en/Themes/LeptonXLite/Angular.md @@ -147,7 +147,14 @@ t contains a **logo** and a **company name**. You can change logo via css but if On websites that have a lot of pages, **breadcrumb navigation** can greatly **enhance the way users find their way** around. In terms of **usability**, breadcrumbs reduce the number of actions a website **visitor** needs to take in order to get to a **higher-level page**, and they **improve** the **findability** of **website sections** and **pages**. -``` TODO: DESCRIBE THE HOW TO OVERRIDE``` +```js +///... + this.replaceableComponents.add({ + component: YourNewSidebarComponent, + key: eThemeLeptonXComponents.Breadcrumb, + }); +///... +``` ![Breadcrumb component](../../images/leptonxlite-breadcrumb-component.png)