مواد کے کمپوننٹس

یہ کمپوننٹس سیل گرڈ پر 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" />

3 قطاروں والی قسم کے لیے font="compact" استعمال کریں۔ figlet حروف کے لیے @textjs/font سے FIGlet فونٹ پاس کریں، جیسے font={slant}۔