Code Groups
The CodeGroup components lets you combine code blocks into a tabulated view. Write your Code Blocks as usual then ad the <CodeGroup> component around them. Code block titles will automatically be used as the tab buttons.
<CodeGroup>
```python hello_world.py
def hello_world(message: str):
print(f"Hello World! {msg}")
```
```ts hello-world.ts
function helloWorld(message: string) {
console.log("Hello World! ", message)
}
```
```rust hello_world.rs
fn hello_world(message: &str) {
println!("Hello World! {message}");
}
```
</CodeGroup>Renders:
hello_world.py
def hello_world(message: str):
print(f"Hello World! {msg}")hello-world.ts
function helloWorld(message: string) {
console.log("Hello World! ", message)
}hello_world.rs
fn hello_world(message: &str) {
println!("Hello World! {message}");
}