SQL Query

Multi-line SQL with violet keywords, emerald string literals, and amber numerics.

SELECT id, name, email
FROM users
WHERE active = true
ORDER BY created_at DESC
LIMIT 10;

New here? Read the installation guide.

Import & use
import { Code10 } from "@/components/beste/piece/code10";

<Code10
  query="SELECT id, name, email
FROM users
WHERE active = true
ORDER BY created_at DESC
LIMIT 10;"
/>

More Code pieces

View all Code
const greeting = "Hello, Beste!";ts

Code Line

One-line code snippet with a monospace pill and a tiny language tag on the right.

const user = await fetchUser("42");

Tokenized Line

Single-line snippet with keywords, strings, and function names colored by semantic token kind.

{
"name":"Beste",
"version":"1.0.0",
"active":true,
"count":42,
"owner":null
}

JSON Snippet

Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.

function greet(name) {
return 'Hi ' + name;
return `Hello, ${name}!`;
}

Diff Snippet

Compact diff card with added, removed, and context lines tinted in emerald and rose.

# Database
DATABASE_URL=postgres://localhost/beste
REDIS_URL=redis://localhost:6379
# API
API_KEY=sk_test_EXAMPLE_0000
PORT=3000

Env File

Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.

Open command palette
⌘K

Keyboard Shortcut

Action label paired with a row of monospace key caps joined by plus separators.

Markdown version