const slug = (s: string) => s.toLowerCase().replace(/\s+/g, '-');
AI code output card with a language tag, copy and regenerate actions, and a monospace block below.
The import and the props worth knowing about, in one place.
import { Ai12 } from "@/components/beste/piece/ai12";
<Ai12
surface="card"
bordered={true}
inverted={false}
language="ts"
code="const slug = (s: string) =>
s.toLowerCase().replace(/\s+/g, '-');"
/>Tool invocation card with the function name, typed arguments in monospace, and a running or done status pill.
Monospace prompt card with inline handlebars-style variables highlighted in violet against plain body text.
Use INCR with an EXPIRE TTL to build a fixed-window limiter that resets every minute.
docs/guides/rate-limits.mdKnowledge base hit card with a document title, snippet, source path, and an emerald similarity score badge.
Attached image card with a tone-tinted thumbnail tile, a scanning line overlay, filename, dimensions, and detected-object chips.