مكوّنات المحتوى

تعرض هذه المكوّنات Markdown والشيفرة والفروق والحروف الكبيرة على شبكة الخلايا.

#<Markdown>

عرض Markdown آمن أثناء البث. مرّر سلسلة نصية متنامية ليبقى الإطار مستقرًا.

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

#<Code>

تمييز الصياغة للغات ts و tsx و json و bash و python و rust و go وغيرها.

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

#<Diff>

فروق موحّدة، أو محسوبة من { before, after }.

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

#<Spinner>

الأشكال: dots و pulse و matrix و line و braille (للطرفيات؛ لا يحتوي Menlo على محارف برايل). تتوقف المؤقتات أثناء الإيقاف المؤقت.

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

#<AsciiFont>

حروف بكسلية كبيرة للعناوين.

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

استخدم font="compact" لشكل من 3 صفوف. مرّر خط FIGlet من @textjs/font، مثل font={slant}، لعرض حروف figlet.