components/markdown
データ表示 · 33 / 64

Markdown

ui.widgets.Markdown

サポートされる Markdown のサブセットをネイティブノードとして描画します。

BEHAVIOR CONTRACT

見出し、強調、inline code、リスト、引用は、実際にレイアウトされるテキストノードになります。

RECORDED INTERACTION

見出し、太字、斜体、リスト、引用を示します。

examples/storybook/stories.zig:2871
// ── Markdown ──
pub fn buildMarkdown(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    _ = scope;
    const md =
        \\# Markdown
        \\
        \\Supports **bold**, *italic*, and `inline code`.
        \\
        \\- bullet one
        \\- bullet two
        \\
        \\> A blockquote line.
    ;
    const res = try W.Markdown(md, .{ .base_font_size = 13 }).render(cx);
    return res.root;
}
GitHub でソースを見るexamples/storybook/stories.zig:2871

Storybook にあるこの story のコードそのままです(zenit 5f9add5+wip 2026-09-30)。W は ui.widgets のことで、col / row / label は Storybook 内の小さなレイアウトヘルパーです。

zenit · デュアルライセンスオープンソースプロジェクトは GPL-3.0-only のもとで無料で使えます。クローズドソースや商用製品には商用ライセンスが必要です。作者への連絡先:zongyi.xzy#gmail.com(# を @ に置き換え)zenit 5f9add5+wip 2026-09-30