leptos-material 0.6.1

A Leptos component wrapper for Material Web Components.
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

use leptos::{component, html, Attribute, Children, IntoAttribute, IntoView};

#[derive(Default)]
pub enum ChipType {
    #[default]
    Assist,
    Filter,
    Input,
    Suggestion,
}

impl ChipType {
    pub fn get_element_name(&self) -> String {
        match self {
            ChipType::Assist => "md-assist-chip",
            ChipType::Filter => "md-filter-chip",
            ChipType::Input => "md-input-chip",
            ChipType::Suggestion => "md-suggestion-chip",
        }
        .into()
    }
}

/// [MWC Docs](https://material-web.dev/components/chip/#chip-sets)
#[component]
pub fn Chipset(children: Children) -> impl IntoView {
    leptos::view! { <md-chip-set>{children()}</md-chip-set> }
}

/// [MWC Docs](https://material-web.dev/components/chip/)
#[component]
pub fn Chip(
    #[prop(optional)] chip_type: ChipType,
    #[prop(attrs)] attr: Vec<(&'static str, Attribute)>,
    children: Children,
) -> impl IntoView {
    html::custom(html::Custom::new(chip_type.get_element_name()))
        .attrs(attr)
        .child(children())
}