Documentation

# Nested sub-page

In this section
Overview Quick start Configuration Components API reference Migration guide Changelog
Section overview

This page demonstrates a nested layout — a sub-page within a section, with its own inner navigation. The breadcrumb in the topbar reflects the depth: `Home › Pages › Section › Sub-page`.

In the v4 layout, you can nest as deeply as you need — the breadcrumb is driven by the `data-breadcrumb` attribute on `<body>`:

    <body data-breadcrumb="Home > Pages > Section > Sub-page">

Each segment is split on `>` and rendered with separators. The last segment is marked active in the topbar.