Skip to main content
SolidBase

Sidebar

The sidebar for the default theme is configured in the app config:

app.config.ts
import { defineConfig } from "@solidjs/start/config";
import { createSolidBase } from "@kobalte/solidbase";
const solidBase = createSolidBase(theme);
export default defineConfig({
...solidBase.startConfig({
...
}),
plugins: [
solidBase.plugin({
...
themeConfig: {
...
sidebar: {
"/guide": {
items: [
{
title: "Overview",
collapsed: false,
items: [
{
title: "What is SolidBase?",
link: "/",
},
{
title: "Getting Started",
link: "/getting-started",
},
...
],
},
{
title: "Features",
collapsed: false,
items: [
{
title: "Markdown Extensions",
link: "/markdown",
},
...
],
},
...
],
},
"/reference": {
items: [
{
title: "Reference",
collapsed: false,
items: [
{
title: "Frontmatter Config",
link: "/frontmatter",
},
],
},
{
title: "Default Theme",
collapsed: false,
items: [
{
title: "Overview",
link: "/default-theme",
},
...
],
},
],
},
},
},
...
}),
],
});

Last updated: 3/18/26, 6:35 PM

SolidBaseFully featured, fully customisable static site generation for SolidStart
Community
githubdiscord