Updating breadcrumbs docs on ConditionalRender (#1871)
This commit is contained in:
parent
23b691f38c
commit
b397dae951
2 changed files with 10 additions and 2 deletions
|
@ -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…
Add table
Reference in a new issue