Use o componente CodeGroup para exibir vários blocos de código em uma interface com abas, permitindo que os usuários comparem implementações em diferentes linguagens de programação ou vejam abordagens alternativas para a mesma tarefa. 
console.log("Hello World");

​
Criando grupos de código

Para criar um grupo de código, envolva vários blocos de código com as tags <CodeGroup>. Cada bloco de código deve incluir um título, que se tornará o rótulo da aba. 
<CodeGroup>

```javascript helloWorld.js
console.log("Hello World");
```

```python hello_world.py
print('Hello World!')
```

```java HelloWorld.java
class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
```

</CodeGroup>
Você pode substituir as abas de um grupo de código por um menu suspenso para alternar entre linguagens usando a prop dropdown.
helloWorld.js
console.log("Hello World");

<CodeGroup dropdown>

```javascript helloWorld.js
console.log("Hello World");
```

```python hello_world.py
print('Hello World!')
```

```java HelloWorld.java
class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
```
</CodeGroup>