Streamdown 2.4：カスタマイズ性、アクセシビリティ、カスタムレンダリングの強化
本文の状態
日本語全文を表示中
詳細モードで約2分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
Vercel Blog
Streamdown v2.4が、開発者向けにマークダウンレンダリングのカスタマイズフック、アクセシビリティ機能、ユーザー体験向上を導入した。チームは新しいプロパティでマークダウン出力の外観をカスタマイズでき、アイコンやコード表示のテーマ設定も可能になった。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
Streamdown v2.4：カスタマイズ、アクセシビリティ、カスタムレンダリングの強化
Streamdown v2.4では、マークダウンをレンダリングする開発者向けに、カスタマイズフック、アクセシビリティ機能、ユーザーエクスペリエンスの改善を導入します。
チームは、新たに追加された複数のプロパティを使用して、マークダウン出力の外観をカスタマイズできるようになりました。iconsプロパティに特定のコンポーネントマップを渡すことで、組み込みのアイコンを上書きできます。
createCodePluginは、明暗のShikiテーマ用のthemesオプション、カスタム開始行番号用のstartLineメタオプション、ブロックとは独立してインラインコードのスタイルを設定するためのinlineCode仮想コンポーネントを受け付けるようになりました。
Streamdownは国際化とテキスト方向をサポートしました。dirプロパティは最初の強力なUnicode文字に基づいて左から右、または右から左の書式を自動的に適用し、translationsプロパティはカスタム言語をサポートします。
テーブルには、controlsプロパティで制御されるフルスクリーンオーバーレイが追加され、スクロールロックとEscapeキーサポートを備えています。開発者はonAnimationStartおよびonAnimationEndコールバックを使用して、ストリーミングイベントにフックできます。
このリリースでは、シンタックスハイライトブロックにおける空行の折りたたみが修正され、順序付きリストがストリーミング中にアニメーションを再トリガーする問題が防止されます。
Tailwind v4を使用するプロジェクトでは、新しいprefixプロパティがユーティリティクラスを名前空間化し、衝突を回避します。
始めるには、詳細をご覧ください。
続きを読む
原文を表示
Streamdown v2.4 introduces customization hooks, accessibility features, and user experience improvements for developers rendering markdown.
Teams can now customize the appearance of their markdown output using several new properties. You can override the built-in icons by passing a specific component map to the icons prop.
The createCodePlugin now accepts a themes option for light and dark Shiki themes, a startLine meta option for custom starting line numbers, and an inlineCode virtual component for styling inline code independently from blocks.
Streamdown now supports internationalization and text direction. The dir prop automatically applies left-to-right or right-to-left formatting based on the first strong Unicode character, and the translations prop supports custom languages.
Tables include a fullscreen overlay controlled via the controls prop, complete with scroll locking and Escape key support. Developers can hook into streaming events using the onAnimationStart and onAnimationEnd callbacks.
This release fixes empty lines collapsing in syntax-highlighted blocks and prevents ordered lists from retriggering animations during streaming.
For projects using Tailwind v4, the new prefix prop namespaces utility classes to avoid collisions.
To get started, learn more.
Read more
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み