Updating breadcrumbs docs on ConditionalRender (#1871)
This commit is contained in:
		
							parent
							
								
									23b691f38c
								
							
						
					
					
						commit
						b397dae951
					
				| @ -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. | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user