Code Block 4 - Sliding Language Tabs
Pro
A tabbed code comparison component with a sliding active indicator for switching between programming languages.
Theme
My Themes
Custom
Built-in Themes
Default
Amber Minimal
Cyberpunk
Monochrome
Nature
Overclock
Soft Lavender
Twitter
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>;
}
}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")))const users = [
{ name: "Avery", plan: "Pro" },
{ name: "Mina", plan: "Free" },
];
const proUsers = users.filter((user) => user.plan === "Pro");
console.log(proUsers);<?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.