Configurable navbar

[LuHugo]

What version of starlight are you using?

0.10.2

What is your idea?

As the title says, we need a configurable navigation bar menu.
The navbar option can be added to the starlight configuration item. navbar contains the data needed to generate the menu。
For example：

export default defineConfig({
  integrations: [starlight({
       ...
	navbar: {
                showSearch: false,
                showLocale: false,
		items: [
			{
				label: "Home",
				to: "/",
				position: "left",
				activeBaseRegex: '/',
				type: "link",
			},
			{
				label: "Reference",
				to: "/reference",
				position: "left",
				activeBaseRegex: '/reference',
				type: "dropdown",
				items: [MenuItem]
			}
		]
	}
  })]
});

Why is this feature necessary?

Can organize website navigation more freely

Do you have examples of this feature in other projects?

• docusaurus navbar
• vuepress navbar

Participation

• I am willing to submit a pull request for this issue.

[delucis]

Thanks for the issue @LuHugo! We’ll soon release #709, which will make it quite easy to add a custom Astro component to the navbar for use cases like this. I’d love for us to wait and see whether that works well for people or whether we still need a custom configuration-based API.