Create a option/flag to enable direct link copying for H2 and H3 headers.

[SnowDingo]

What version of starlight are you using?

latest

What is your idea?

My idea is to add a config in Starlight, which if set to true, will allow users to copy the direct link to the header on H2 and H3 elements. An example of this feature is already present on the official Astro docs, but I couldn't find a pre-existing flag that does the same job.

Before:

After:

Why is this feature necessary?

This feature is very minor, but I think this is important because it allows further customization and user-friendliness.
Most other options have this feature, and I believe Starlight should implement it as well.

Do you have examples of this feature in other projects?

• Astro Official Docs
• Vue.js Official Docs

Participation

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

[HiDeoo]

Thanks for the request 🙌

This is something currently being tracked in #1239 so I'd invite you to follow along there for updates and upvote the discussion too.

I'll add that a small guide on a possible approach is available here in the meantime if you're interested.

[SnowDingo]

Thanks for the request 🙌

This is something currently being tracked in #1239 so I'd invite you to follow along there for updates and upvote the discussion too.

I'll add that a small guide on a possible approach is available here in the meantime if you're interested.

Thank you @HiDeoo !!
I looked over the discussion #1239 and your blog on how to implement it.
It seems to me that the best solution right now is using the rehype plugin. However, I think this future should be implemented in the Starlight codebase sooner or later because it makes the page-to-page transition more convenient.