Updating breadcrumbs docs on ConditionalRender (#1871)
This commit is contained in:
		@@ -19,7 +19,6 @@ Component.Breadcrumbs({
 | 
				
			|||||||
  spacerSymbol: "❯", // symbol between crumbs
 | 
					  spacerSymbol: "❯", // symbol between crumbs
 | 
				
			||||||
  rootName: "Home", // name of first/root element
 | 
					  rootName: "Home", // name of first/root element
 | 
				
			||||||
  resolveFrontmatterTitle: true, // whether to resolve folder names through frontmatter titles
 | 
					  resolveFrontmatterTitle: true, // whether to resolve folder names through frontmatter titles
 | 
				
			||||||
  hideOnRoot: true, // whether to hide breadcrumbs on root `index.md` page
 | 
					 | 
				
			||||||
  showCurrentPage: true, // whether to display the current page in the breadcrumbs
 | 
					  showCurrentPage: true, // whether to display the current page in the breadcrumbs
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -81,4 +81,13 @@ Component.ConditionalRender({
 | 
				
			|||||||
})
 | 
					})
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
This example would only render the Search component when the page is not in fullpage mode.
 | 
					The example above would only render the Search component when the page is not in fullpage mode.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					```typescript
 | 
				
			||||||
 | 
					Component.ConditionalRender({
 | 
				
			||||||
 | 
					  component: Component.Breadcrumbs(),
 | 
				
			||||||
 | 
					  condition: (page) => page.fileData.slug !== "index",
 | 
				
			||||||
 | 
					})
 | 
				
			||||||
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					The example above would hide breadcrumbs on the root `index.md` page.
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user