# Tabbed Code Blocks Plugin

**URL:** <https://talk.jekyllrb.com/t/tabbed-code-blocks-plugin/6412>\
**Category:** Share\
**Created:** [September 12, 2021, 10:20am UTC](https://talk.jekyllrb.com/t/tabbed-code-blocks-plugin/6412 "2021-09-12T10:20:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jdvp](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/jdvp/32/2815_2.png) [@jdvp](https://talk.jekyllrb.com/u/jdvp)\
**Post date:** [September 12, 2021, 10:20am UTC](https://talk.jekyllrb.com/t/tabbed-code-blocks-plugin/6412/1 "2021-09-12T10:20:04Z")

</div>

Hey everyone,

This week, I really wanted to add tabbed code blocks to my site (for Android, many people still use Java so I sometimes want to give examples in both Java and Kotlin) similar to those seen on the android developer site.

I ended up learning how to create a plugin which was cool and thought to share it here. You can see a demo of what kind of features it provides here:

> **[Testing Code Tabs](https://jdvp.me/articles/Testing-Code-Tabs)**
>
> Testing the jdvp-codetabs-commonmark plugin's functionality

The source code for the plugin can be found here:

> **[GitHub - jdvp/jdvp-codetabs-commonmark: Plugin extending...](https://github.com/jdvp/jdvp-codetabs-commonmark)**
>
> Plugin extending jekyll-commonmark-ghpages that gives the ability to use tabbed code blocks on Jekyll-generated sites - GitHub - jdvp/jdvp-codetabs-commonmark: Plugin extending jekyll-commonmark-gh...

There are some things I already want to fix like being able to configure whether to support the dark/light mode theme switch so I’ll work on that in the near future! If anyone has any suggestions or tries it out, I’d love to hear about it! Thanks!