Sidebars make it easier for users to find information on your site
Sidebar is an experimental component included in the usebootstrap-docs
module.
Module installation is required to run
Installation of use-bootstrap-docs NPM Package
Sidebars can be implemented by adding <Sidebar>
and specifying :routes
.
<template>
<Sidebar :routes="routesSample" />
</template>
<script setup lang="ts">
import routesSample from "./routes-sample.json"
</script>
[{
"name": "Sample",
"icon": "bi:award-fill",
"color": "indigo",
"children":
[{
"name": "SampleContent",
"path": "#"
},
{
"name": "SampleContent2",
"path": "#"
}]
},
{
"name": "Sample2",
"icon": "bi:airplane-fill",
"color": "green",
"children":
[{
"name": "SampleContent3",
"path": "#"
}]
}
]