HTTP request rendered as a curl invocation with method, URL, headers, and body across continued lines.
The import and the props worth knowing about, in one place.
import { Code11 } from "@/components/beste/piece/code11";
<Code11
method="POST"
url="https://api.beste.co/v1/users"
headers={[
{
"name": "Authorization",
"value": "Bearer sk_live_..."
},
{
"name": "Content-Type",
"value": "application/json"
}
]}
body="{\"name\": \"Ada Lovelace\"}"
/>bun add @beste/uiSingle-line install or run command, prefixed with a dollar sign in monospace.
const user = await fetchUser("42");Single-line snippet with keywords, strings, and function names colored by semantic token kind.
Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.
const greeting = "Hello, Beste!";tsOne-line code snippet with a monospace pill and a tiny language tag on the right.
import { coupon } from "./coupon" export function total(cart: Cart) { const sum = cart.lines.reduce(add, 0) return sum const sum = cart.lines.reduce(add, 0) const discount = coupon(cart, sum) return sum - discount}Code diff whose removed and added lines slide into place one after another on mount, with the header tallying added and removed counts as they land.