From e9c081325cac00875218e442261ab9c927110aa6 Mon Sep 17 00:00:00 2001
From: enisn <iletisim@enisnecipoglu.com>
Date: Mon, 31 Jan 2022 11:11:42 +0300
Subject: [PATCH] Update documentation

---
 docs/en/UI/Blazor/Page-Header.md | 15 +++++++++++++
 docs/en/UI/Blazor/Page-Layout.md | 36 ++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 docs/en/UI/Blazor/Page-Layout.md

diff --git a/docs/en/UI/Blazor/Page-Header.md b/docs/en/UI/Blazor/Page-Header.md
index 59748b717a..b4801511bb 100644
--- a/docs/en/UI/Blazor/Page-Header.md
+++ b/docs/en/UI/Blazor/Page-Header.md
@@ -88,3 +88,18 @@ An example render result can be:
 
 ![breadcrumbs-example](../../images/page-header-toolbar-blazor.png)
 
+---
+
+## Options
+Rendering can be enabled or disabled for each section of PageHeader via using `PageHeaderOptions`.
+
+```csharp
+    Configure<PageHeaderOptions>(options => 
+    {
+        options.RenderPageTitle = false;
+        options.RenderBreadcrumbs = false;
+        options.RenderToolbar = false;
+    });
+```
+
+*All values are **true** by default. If the PageHeaderOptions isn's configured, each section will be rendered.*
\ No newline at end of file
diff --git a/docs/en/UI/Blazor/Page-Layout.md b/docs/en/UI/Blazor/Page-Layout.md
new file mode 100644
index 0000000000..61d91d66af
--- /dev/null
+++ b/docs/en/UI/Blazor/Page-Layout.md
@@ -0,0 +1,36 @@
+# Page Layout
+PageLayout is used to define page-specific elements across application. 
+
+
+## Title
+Title is used to render page title in the PageHeader.
+
+```csharp
+@inject PageLayout PageLayout
+
+@{
+    PageLayout.Title = "My Page Title";
+}
+```
+
+## BreadCrumbs
+BreadCrumbItems are used to render breadcrumbs in the PageHeader.
+```csharp
+@inject PageLayout PageLayout
+
+@{
+    PageLayout.BreadcrumbItems.Add(new BlazoriseUI.BreadcrumbItem("My Page", "/my-page")); 
+}
+```
+
+## Toolbar
+ToolbarItems are used to render action toolbar items in the PageHeader.
+
+Check out [Page Toolbar](https://docs.abp.io/en/abp/latest/UI/Blazor/Page-Header#page-toolbar)
+
+```csharp
+@inject PageLayout PageLayout
+@{
+    PageLayout.ToolbarItems.Add(new PageToolbars.PageToolbarItem(typeof(MyButtonComponent)));
+}
+```
\ No newline at end of file