Browse Source

Add Page-Alert-Container and Fix some keys

pull/14225/head
Mahmut Gundogdu 4 years ago
parent
commit
6f52bfa83f
  1. 21
      docs/en/Themes/LeptonXLite/Angular.md

21
docs/en/Themes/LeptonXLite/Angular.md

@ -176,9 +176,14 @@ Sidebar menus have been used as **a directory for Related Pages** to a **Service
Provides contextual **feedback messages** for typical user actions with the handful of **available** and **flexible** **alert messages**. Alerts are available for any length of text, as well as an **optional dismiss button**. Provides contextual **feedback messages** for typical user actions with the handful of **available** and **flexible** **alert messages**. Alerts are available for any length of text, as well as an **optional dismiss button**.
![Page alerts component](../../images/leptonxlite-page-alerts-component.png) ![Page alerts component](../../images/leptonxlite-page-alerts-component.png)
```js
``` TODO: DESCRIBE THE HOW TO OVERRIDE``` ///...
this.replaceableComponents.add({
component: YourNewPageAlertContainerComponent,
key: eThemeLeptonXComponents.PageAlertContainer,
});
///...
```
## Toolbar Component ## Toolbar Component
![Breadcrumb component](../../images/leptonxlite-toolbar-component.png) ![Breadcrumb component](../../images/leptonxlite-toolbar-component.png)
@ -186,7 +191,7 @@ Toolbar items are used to add **extra functionality to the toolbar**. The toolba
```js ```js
///... ///...
this.replaceableComponents.add({ this.replaceableComponents.add({
component: YourNewSidebarComponent, component: YourNewNavItemsComponent,
key: eThemeLeptonXComponents.NavItems, key: eThemeLeptonXComponents.NavItems,
}); });
///... ///...
@ -203,7 +208,7 @@ Think about a **multi-lingual** website and the first thing that could **hit you
```js ```js
///... ///...
this.replaceableComponents.add({ this.replaceableComponents.add({
component: YourNewSidebarComponent, component: YourNewLanguagesComponent,
key: eThemeLeptonXComponents.Languages, key: eThemeLeptonXComponents.Languages,
}); });
///... ///...
@ -217,7 +222,7 @@ The **User Menu** is the **menu** that **drops down** when you **click your name
```js ```js
///... ///...
this.replaceableComponents.add({ this.replaceableComponents.add({
component: YourNewSidebarComponent, component: YourNewCurrentUserComponent,
key: eThemeLeptonXComponents.CurrentUser, key: eThemeLeptonXComponents.CurrentUser,
}); });
///... ///...
@ -231,8 +236,8 @@ The **mobile navbar component** is used to display the **navbar menu on mobile d
```js ```js
///... ///...
this.replaceableComponents.add({ this.replaceableComponents.add({
component: YourNewSidebarComponent, component: YourNewMobileNavbarComponent,
key: eThemeLeptonXComponents.Languages, key: eThemeLeptonXComponents.MobileNavbar,
}); });
///... ///...
``` ```

Loading…
Cancel
Save