leptos-components 0.2.9

RustLangES leptos components
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

use components_core::{BASE_CLASS, concat};
use leptos::prelude::*;
use leptos::{IntoView, component, view};

use crate::icons::{Location, StarBold};

#[derive(Default, Debug, PartialEq)]
pub enum Variant {
    #[default]
    Featured,
    Numeric,
    Description,
    Location,
    Small,
}

impl Variant {
    pub fn icon(&self) -> Option<AnyView> {
        match self {
            Variant::Featured => Some(view! { <StarBold /> }.into_any()),
            Variant::Small | Variant::Location => Some(view! { <Location /> }.into_any()),
            _ => None,
        }
    }
}

#[component]
pub fn Chip(
    #[prop(into)] label: String,
    #[prop(into, optional)] class: String,
    #[prop(into, optional)] variant: Variant,
) -> impl IntoView {
    let class = crate::tw!(
        concat!(BASE_CLASS, "-chip"),
        format!("{BASE_CLASS}-chip--{variant:?}").to_lowercase(),
        class
    );

    view! {
        <div class=class>
            {variant.icon()}
            {(variant == Variant::Numeric).then_some(format!("#{label}")).unwrap_or(label)}
        </div>
    }
}