Graph

This page provides information on how you can configure the graph component.

Render

If you want to disable the graph component, you can do so by setting graph to false in the plugin settings.

astro.config.mjs

import starlight from '@astrojs/starlight'
import { defineConfig } from 'astro/config'
import starlightThemeObsidian from 'starlight-theme-obsidian'

export default defineConfig({
    integrations: [
        starlight({
            plugins: [starlightThemeObsidian({
               graph: false
            })],
            title: 'My Docs',
        }),
    ],
})

Component configuration

For configuration of the graph component itself, check out the Starlight Site Graph graph configuration.

Examples

Make the current node larger

astro.config.mjs

import starlight from '@astrojs/starlight'
import { defineConfig } from 'astro/config'
import starlightThemeObsidian from 'starlight-theme-obsidian'

export default defineConfig({
    integrations: [
        starlight({
            plugins: [starlightThemeObsidian({
               graphConfig: {
                    nodeCurrentStyle: {
                        shapeSize: 25
                    }
               }
            })],
            title: 'My Docs',
        }),
    ],
})

Remove all quick actions from graph

astro.config.mjs

import starlight from '@astrojs/starlight'
import { defineConfig } from 'astro/config'
import starlightThemeObsidian from 'starlight-theme-obsidian'

export default defineConfig({
    integrations: [
        starlight({
            plugins: [starlightThemeObsidian({
               graphConfig: {
                    actions: []
               }
            })],
            title: 'My Docs',
        }),
    ],
})