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
43
44
45
46
47
48
49
50

//! API example containers for request and response code samples.

use dioxus::prelude::*;

use crate::components::DocCodeGroup;
use crate::parser::{CodeGroupNode, RequestExampleNode, ResponseExampleNode};

/// Props for DocRequestExample.
#[derive(Props, Clone, PartialEq)]
pub struct DocRequestExampleProps {
    /// The request example to render.
    pub example: RequestExampleNode,
}

/// Container for API request examples with tabs.
#[component]
pub fn DocRequestExample(props: DocRequestExampleProps) -> Element {
    rsx! {
        div { class: "my-6",
            h4 { class: "text-sm font-semibold text-base-content/70 uppercase tracking-wide mb-2",
                "Request"
            }
            DocCodeGroup {
                group: CodeGroupNode { blocks: props.example.blocks.clone() }
            }
        }
    }
}

/// Props for DocResponseExample.
#[derive(Props, Clone, PartialEq)]
pub struct DocResponseExampleProps {
    /// The response example to render.
    pub example: ResponseExampleNode,
}

/// Container for API response examples with tabs.
#[component]
pub fn DocResponseExample(props: DocResponseExampleProps) -> Element {
    rsx! {
        div { class: "my-6",
            h4 { class: "text-sm font-semibold text-base-content/70 uppercase tracking-wide mb-2",
                "Response"
            }
            DocCodeGroup {
                group: CodeGroupNode { blocks: props.example.blocks.clone() }
            }
        }
    }
}