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