How to implement switcher feature like Microsoft using Jekyll?

Hi everyone,

I need to implement the switcher feature like Microsoft. I need to achieve this feature using Jekyll. Could you please suggest any ways to implement the feature ?

Microsoft Link : https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?pivots=devices-android&tabs=vswin

Thanks in advance.

Regards,
Sriram

This switcher doesn’t seem to do anything on the website you shared .

I believe what you want is to select a platform, say, Mac Catalyst, and then some code or unique text specific to that selection appears, correct?

If so, you will find lots of options to do this with HTML and JavaScript, which is something you can do in Jekyll (I have never done it, but Jekyll supports the use of both). Do a search for html tabs or javascript tabs and you should find lots of solutions. Possibly there are even Jekyll templates out there with this functionality.

Here is a recent article I stumbled across: