2023-04-12 12:47:31 +08:00
|
|
|
use leptos::*;
|
|
|
|
use melt_ui::*;
|
|
|
|
|
|
|
|
#[component]
|
|
|
|
pub fn DemoButton(cx: Scope) -> impl IntoView {
|
|
|
|
view! {cx,
|
|
|
|
<Space>
|
|
|
|
<Button type_=ButtonType::PRIMARY>
|
|
|
|
"PRIMARY"
|
|
|
|
</Button>
|
|
|
|
<Button type_=ButtonType::SOLID>
|
|
|
|
"SOLID"
|
|
|
|
</Button>
|
|
|
|
<Button type_=ButtonType::TEXT>
|
|
|
|
"TEXT"
|
|
|
|
</Button>
|
2023-04-12 17:48:11 +08:00
|
|
|
<Button type_=ButtonType::LINK>
|
|
|
|
"LINK"
|
|
|
|
</Button>
|
2023-04-12 12:47:31 +08:00
|
|
|
<Button color=ButtonColor::PRIMARY>
|
|
|
|
"PRIMARY Color"
|
|
|
|
</Button>
|
|
|
|
<Button color=ButtonColor::SUCCESS>
|
|
|
|
"SUCCESS Color"
|
|
|
|
</Button>
|
|
|
|
<Button color=ButtonColor::WARNING>
|
|
|
|
"WARNING Color"
|
|
|
|
</Button>
|
|
|
|
<Button color=ButtonColor::ERROR>
|
|
|
|
"ERROR Color"
|
|
|
|
</Button>
|
2023-05-08 12:41:22 +08:00
|
|
|
<Button color=ButtonColor::ERROR icon=leptos_icons::AiIcon::AiCloseOutlined>
|
|
|
|
"ERROR Color Icon"
|
|
|
|
</Button>
|
2023-04-12 12:47:31 +08:00
|
|
|
</Space>
|
|
|
|
}
|
|
|
|
}
|