Sidebar
Introduction
Pass sidebar option to theme default to configure sidebar
Example
Auto base
The links configured will be auto prefixed with base
Absolute mode
You need to set paths.relative to false
svelte.config.js
+
import adapter from '@sveltejs/adapter-static'
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
paths: {
relative: false,
},
},
}
export default configjs
import { defaultTheme } from '@sveltepress/theme-default'
import { sveltepress } from '@sveltepress/vite'
import { defineConfig } from 'vite'
export default defineConfig ({
plugins : [
sveltepress ({
theme : defaultTheme ({
sidebar : {
'/foo/': [
{
title : 'Bar',
to : '/foo/bar/',
},
{
title : 'Zoo',
collapsible : true,
items : [
{
title : 'Sub item',
to : '/sub/item/link'
}
]
},
{
title : 'External github page',
to : 'https://github.com'
}
]
}
})
})
]
})ts
title
The sidebar item title
to
The link address
Auto external
Unlike the navbar item, sidebar item use the Link component.
Which means link starts with http(s) would be auto recognized as external links.
collapsible
Determine wether the sidebar group is collapsible or not. Default is false
items
Sub items
Nested items
Nested items is supported
On this page