Allow icons in code snippet headers

[tmkn]

What version of starlight are you using?

0.22.2

What is your idea?

When you give your code snippets a title, they will be displayed like this:

Imo it would be nice if one could specify an icon to be displayed before the title, like the tab component does.

Something like

    ```typescript title="TypeScript" icon="seti:typescript" <- use already shipped icons

    ```

Why is this feature necessary?

I think it would be a nice feature, especially if you work on a site that shows code for different languages, this would make it a little easier to identify which code is which.

Further, Starlight already comes with a lot of programming icons, why not use them for something like this :)

Do you have examples of this feature in other projects?

No response

Participation

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

[delucis]

Thank you for the suggestion @tmkn — I think it could indeed be a nice feature.

Starlight uses Expressive Code to render code blocks, so this might need a feature request upstream there.

[HiDeoo]

An expressive code plugin is now available for this feature and a walkthrough of how to use it is available here.

[HiDeoo]

As this feature is now available as an Expressive Code plugin, I'm going to close this discussion.