Site with Outline Navigation
A document snapshot of a Home Document:
{
"name": "F1 Fans",
"content": [
{
"block": {
"id": "block1",
"type": "Heading",
"text": "Teams",
"style": "h1"
},
"children": [
{
"block": {
"id": "block2",
"type": "Heading",
"text": "Ferrari"
},
"children": [
{
"block": {
"id": "block3",
"type": "Paragraph",
"text": "Founded by Enzo Ferrari in 1929"
}
}
]
},
{
"block": {
"id": "block2",
"type": "Heading",
"text": "Mercedes"
},
"children": [
{
"block": {
"id": "block3",
"type": "Paragraph",
"text": "First raced in 1954"
}
}
]
}
]
}
]
}This Document will have the following Navigation structure. Because the navigation is not explicitly defined in the document, the nav is an Outline of the Document content:
Teams
Ferrari
Mercedes
Site with Shared Sidebar
A Sub-Document may embed the navigation of a parent document. Imagine there is a document /teams/ferarri:
{
"name": "Ferrari",
"content": [],
"navigation": [
{
"block": {
"id": "block1",
"type": "Heading",
"text": "Drivers",
"style": "h1"
},
"children": [
{
"block": {
"id": "block2",
"type": "Embed",
"link": "hm://123/teams/ferrari/drivers/louis-hamilton",
"view": "Card"
}
},
{
"block": {
"id": "block3",
"type": "Embed",
"link": "hm://123/teams/ferrari/drivers/charles-leclerc",
"view": "Card"
}
}
]
}
]
}This Document will have the navigation structure:
Drivers
Louis Hamilton
Charles Leclerk
The driver document is located at /teams/ferrari/drivers/louis-hamilton:
{
"name": "Louis Hamilton",
"content": [],
"navigation": [
{
"block": {
"id": "block1",
"type": "Embed",
"link": "hm://123/teams/ferrari",
"view": "Navigation"
}
}
]
}The navigation structure matches the drivers doc. When you click on "Louis Hamilton" from the drivers navigaion, the Louis page highlights and the navigation content stays the same.