orbital-core-components 0.1.1

Themed Orbital UI components for Leptos applications
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

use leptos::prelude::*;

/// Pre-rendered anatomy regions for a spotlight surface.
pub struct SpotlightAnatomyViews {
    pub header: Option<AnyView>,
    pub body: Option<AnyView>,
    pub media: Option<AnyView>,
    pub actions: Option<AnyView>,
    pub footer: Option<AnyView>,
}

/// Shared header/body/media/actions/footer layout for all spotlight components.
pub fn spotlight_anatomy(views: SpotlightAnatomyViews) -> impl IntoView {
    let SpotlightAnatomyViews {
        header,
        body,
        media,
        actions,
        footer,
    } = views;

    view! {
        {header.map(|content| view! {
            <div class="orbital-spotlight__header" data-testid="spotlight-header">
                {content}
            </div>
        })}
        {media.map(|content| view! {
            <div class="orbital-spotlight__media" data-testid="spotlight-media">
                {content}
            </div>
        })}
        {body.map(|content| view! {
            <div class="orbital-spotlight__body" data-testid="spotlight-body">
                {content}
            </div>
        })}
        {actions.map(|content| view! {
            <div class="orbital-spotlight__actions" data-testid="spotlight-actions">
                {content}
            </div>
        })}
        {footer.map(|content| view! {
            <div class="orbital-spotlight__footer" data-testid="spotlight-footer">
                {content}
            </div>
        })}
    }
}