Code Block 2 - Language Tabs
Pro
A dark tabbed code showcase for comparing the same example across multiple programming languages.
Theme
My Themes
Custom
Built-in Themes
Default
Amber Minimal
Cyberpunk
Monochrome
Nature
Overclock
Soft Lavender
Twitter
App.tsx
import React from "react";
import ReactDOM from "react-dom";
class App extends React.Component {
// react comment
const test = "test";
console.log(test);
render() {
return <h1>Hello, World!</h1>;
}
}app.py
from dataclasses import dataclass
@dataclass
class User:
name: str
plan: str
def greet(user: User) -> str:
return f"Hello, {user.name}!"
print(greet(User("Avery", "Pro")))index.js
const users = [
{ name: "Avery", plan: "Pro" },
{ name: "Mina", plan: "Free" },
];
const proUsers = users.filter((user) => user.plan === "Pro");
console.log(proUsers);index.php
<?php
$users = [
["name" => "Avery", "plan" => "Pro"],
["name" => "Mina", "plan" => "Free"],
];
$proUsers = array_filter($users, fn ($user) => $user["plan"] === "Pro");
print_r($proUsers); Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.