Keyboard Shortcut

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

Open command palette

⌘K

Import & use

import { Code8 } from "@/components/beste/piece/code8";

<Code8
  keys={[
    "⌘",
    "K"
  ]}
  label="Open command palette"
/>

More Code pieces

const greeting = "Hello, Beste!";ts

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

# Database

DATABASE_URL=postgres://localhost/beste

REDIS_URL=redis://localhost:6379

# API

API_KEY=sk_test_EXAMPLE_0000

PORT=3000

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

const user = await fetchUser("42");

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

bun add @beste/ui

Single-line install or run command, prefixed with a dollar sign in monospace.

SELECT id, name, email

FROM users

WHERE active = true

ORDER BY created_at DESC

LIMIT 10;

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

members.ts

1import { Sirius } from '@sirius/sdk'
2 
3const client = new Sirius(apiKey)
4await client.members.create({ name })

A code card with a filename header and copy affordance over syntax-toned, line-numbered source.