feat: Add table of contents and tabs group to style guide

[srini047]

What kind of change does this PR introduce?

Update Style Guide

Issue Number:

• Closes [📝 Docs]: Add Table of Contents and Tabs Group to the Markdown Style Guide #663

Screenshots/videos:

[srini047]

Mentions a blocker and clarification. Any help on blocker appreciated.

[srini047]

When I add this line:

[tabs-end]

This gets treated as a tab group and gets rendered rather than displaying as a code block. Any help on this appreciated.

[DhairyaMajmudar]

Adding one newline [enter] might help in this

[srini047]

@DhairyaMajmudar Is this what you meant?

If so it is still the same.

[DhairyaMajmudar]

Yeah, add newline before [tab-end]

[srini047]

Still the same😢

[srini047]

Added newline before, after and both. All three yeild the same result as above.

[DhairyaMajmudar]

let me check if I can find any another solution 👍🏻

[DhairyaMajmudar]

@srini047 pls. have a look on this solution now its working correctly.

[srini047]

@srini047 pls. have a look on this solution now its working correctly.

@DhairyaMajmudar Yes this works fine to render but there's a catch. Say I copy paste this and try to render the component, this doesn't work. Explicitly I need to remove the spaces, only then the implementation works.
P.S.: Direct copy paste doesnt work.

If this is fine then I'm ready to update. What's ur view on this.

[gregsdennis]

I'm not fond of how the example ToC renders. Is there anything we can do to make it look more like a ToC and not just s bunch of "example" links?

[srini047]

I'm not fond of how the example ToC renders. Is there anything we can do to make it look more like a ToC and not just s bunch of "example" links?

@gregsdennis Currently I have set the depth as 5 and it renders the contents for the specific file. So it shows like that. Let me try other possible methods and let you know if any that is better.

[benjagm]

Hi @srini047. I left some comments regarding changes of issue #571 unnecessarily added here. Please remove the changes in the css and try to keep each feature in a different branch to make sure the PRs contain the appropriate content.

[benjagm]

There is no need to modify the css to just add to new tags to the style guide. I think your are adding here your work to modify the design of the table of contents but we should avoid it. Please use two different branches to fix each issue.

[gregsdennis]

Why was all of this content replaced with what looks like primarily CSS? Where is this content now?

[srini047]

@gregsdennis @benjagm Will make a new PR. Closing this due to incorrect commit.