Komponen konten

Komponen ini me-render Markdown, kode, diff, dan huruf berukuran besar pada kisi sel.

#<Markdown>

Markdown yang aman untuk streaming. Berikan string yang terus bertambah dan frame tetap stabil.

const [text, setText] = useState("");useEffect(() => stream.on("token", (t) => setText((s) => s + t)), []);return <Markdown>{text}</Markdown>;

#<Code>

Penyorotan sintaks untuk ts, tsx, json, bash, python, rust, go, dan lainnya.

<Code code={source} language="tsx" showLineNumbers maxHeight={12} />

#<Diff>

Diff terpadu, atau dihitung dari { before, after }.

<Diff patch={{ before, after, filename: "app/page.tsx" }} />

#<Spinner>

Varian: dots, pulse, matrix, line, dan braille (untuk terminal; Menlo tidak memiliki glif braille). Timer berhenti saat dijeda.

<Spinner variant="dots" label="Building…" />

#<AsciiFont>

Huruf piksel besar untuk judul.

<AsciiFont text="▼ TEXT.JS" color="accent" />

Gunakan font="compact" untuk varian 3 baris. Berikan font FIGlet dari @textjs/font, seperti font={slant}, untuk huruf figlet.