dioxus-mdx 0.3.1

MDX parsing and rendering components for Dioxus
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

//! Update (changelog) entry component.

use dioxus::prelude::*;

use crate::components::DocNodeRenderer;
use crate::parser::UpdateNode;

/// Props for DocUpdate component.
#[derive(Props, Clone, PartialEq)]
pub struct DocUpdateProps {
    /// The update entry to render.
    pub update: UpdateNode,
}

/// Changelog version update entry.
#[component]
pub fn DocUpdate(props: DocUpdateProps) -> Element {
    let update = &props.update;

    rsx! {
        div { class: "grid grid-cols-[120px_1fr] gap-x-8 py-8 border-b border-base-content/10 last:border-b-0 max-sm:grid-cols-1 max-sm:gap-y-3",
            // Left column: version badge + date
            div { class: "flex flex-col items-start gap-1.5",
                span { class: "badge badge-primary font-mono",
                    "{update.label}"
                }
                if !update.description.is_empty() {
                    span { class: "text-xs text-base-content/50",
                        "{update.description}"
                    }
                }
            }
            // Right column: changelog content
            div {
                class: "prose prose-sm max-w-none",
                for (i, node) in update.content.iter().enumerate() {
                    DocNodeRenderer { key: "{i}", node: node.clone() }
                }
            }
        }
    }
}