Docs-style on-this-page list with left borders and a primary active rail on the current section.
The import and the props worth knowing about, in one place.
import { Nav22 } from "@/components/beste/piece/nav22";
<Nav22
title="On this page"
links={[
{
"label": "Overview",
"anchor": "#overview"
},
{
"label": "Installation",
"anchor": "#installation",
"active": true
},
{
"label": "Usage",
"anchor": "#usage"
},
{
"label": "API reference",
"anchor": "#api"
}
]}
/>