How to create readme outputs like in the doc?

[AyushKoul00]

I am new to Jekyll and I was wondering how the Docs for this repo has markdown files with web code with the output above it?

I looked at the md files in the repo and they just contain code blocks of the code yet in the actual website, we can see the output of the code as well.

One reason I am asking is, I wanted to create a theme toggle just like the one in the code outputs with the button on the top right which switches between light/dark theme

[simurai]

I think the Primer docs don't use Jekyll. But instead they use gatsby with the @primer/gatsby-theme-doctocat to turn the Markdown code examples into the "output of the code".

You might can take a look at https://primer.style/doctocat/.