Need a way to add custom tabs in place of language tabs; remove extra whitespace

[sudarshanB21]

Hi everyone!
I am fairly new to using Slate and I need to satisfy some additional requirements.
Initially, I am having some json data that I need to split into 2 different tabs in place of language tabs. For example, I need to have a tab that is open when the page is loaded showing the sample request body data and the other tab would contain sample success and error messages. I need these tabs to be in the place where the language tabs are present. If this is not feasible, is there a way to mark some json to make it be shown in one tab and not the other using the pre-existing language tabs? I noticed that the json text gets displayed no matter what the language tab is.

My other requirement is to reduce the empty space that is auto-set when the length of the json data is longer than the content. Is there a way to set the height of the codeblock to be the same as the corresponding table height where, if the json is longer, it becomes a scrollable component?

Thanks in advance for your help!

[sudarshanB21]

I found this solution from the original creator of slatedocs that could help with the alignment. But this does not solve the whitespace that is created by long codeblocks in the right.

#152 (comment)