Remember a user's choice in tabbed codeblocks

[PaulAsjes]

Feature Description

Codeblocks with tabbed interfaces are often used to show how to do one thing in several different languages. Currently a user has to manually click on their language of choice for each codeblock in the docs site. Instead the user's choice should be stored in a cookie and automatically switch each tabbed codeblock to their language of choice.

See the Stripe and WorkOS documentation for examples of this behaviour.

Use Case

If I'm viewing code heavy docs (like in a quick start) then I should only have to pick my programming language of choice once so the rest of the docs show that language without interference.

[dannysheridan]

Great idea! @chdeskur built this.

PR to document: 66f146a
Documentation: https://buildwithfern.com/learn/docs/content/components/tabs

[PaulAsjes]

Thanks, but I really wanted this for the <CodeBlock> component rather than tabs. For example:

<CodeBlock>
    ```bash title="Python" language="python"
    pip install elevenlabs
    ```

    ```bash title="JavaScript" language="javascript"
    npm install elevenlabs
    ```
</CodeBlock>

...

<CodeBlock>
    ```bash title="Python" language="python"
    pip install python-dotenv
    ```

    ```bash title="JavaScript" language="javascript"
    npm install dotenv
    ```
</CodeBlock>

Selecting the "javascript" tab in the first block would then move the 2nd block's tab to the same.