adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-01-22 22:09:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: SiteHeader

Browse source
This commit is contained in:
luoxiao 2024-08-03 01:05:34 +08:00
parent 0b8a89caab
commit 2d46cc41d0
2 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
demo/src/components/site_header.rs
View file

@ -203,26 +203,30 @@ pub fn SiteHeader() -> impl IntoView {
}
</Menu>
<Space class="demo-header__right-btn" align=SpaceAlign::Center>
<SwitchVersion/>
<Button
appearance=ButtonAppearance::Subtle
icon=Memo::new(move |_| {
theme.with(|theme| {
if theme.name == "light" {
icondata::BiMoonRegular
} else {
icondata::BiSunRegular
}
})
})
on_click=change_theme
>
{move || theme_name.get()}
</Button>
<SwitchVersion/>
<Button
appearance=ButtonAppearance::Subtle
icon=icondata::BiDiscordAlt
attr:style="font-size: 22px; padding: 0px 6px;"
on_click=move |_| {
_ = window().open_with_url("https://discord.gg/YPxuprzu6M");
}
/>
<Button
appearance=ButtonAppearance::Subtle
icon=icondata::AiGithubOutlined
attr:style="font-size: 22px; padding: 0px 6px;"
on_click=move |_| {
_ = window().open_with_url("http://github.com/thaw-ui/thaw");
}

22
thaw/src/button/mod.rs
View file

@ -4,7 +4,7 @@ pub use button_group::ButtonGroup;
use crate::icon::Icon;
use leptos::{either::Either, ev, prelude::*};
use thaw_utils::{class_list, mount_style, BoxOneCallback, OptionalMaybeSignal};
use thaw_utils::{class_list, mount_style, BoxOneCallback};
#[derive(Default, PartialEq, Clone, Copy)]
pub enum ButtonAppearance {
@ -66,18 +66,24 @@ impl ButtonSize {
pub fn Button(
#[prop(optional, into)] class: MaybeProp<String>,
/// A button can have its content and borders styled for greater emphasis or to be subtle.
#[prop(optional, into)] appearance: MaybeSignal<ButtonAppearance>,
#[prop(optional, into)]
appearance: MaybeSignal<ButtonAppearance>,
/// A button can be rounded, circular, or square.
#[prop(optional, into)] shape: MaybeSignal<ButtonShape>,
#[prop(optional, into)]
shape: MaybeSignal<ButtonShape>,
/// A button supports different sizes.
#[prop(optional, into)] size: MaybeSignal<ButtonSize>,
#[prop(optional, into)]
size: MaybeSignal<ButtonSize>,
/// Whether the button is displayed as block.
#[prop(optional, into)] block: MaybeSignal<bool>,
#[prop(optional, into)] icon: OptionalMaybeSignal<icondata_core::Icon>,
#[prop(optional, into)]
block: MaybeSignal<bool>,
#[prop(optional, into)] icon: MaybeProp<icondata_core::Icon>,
/// Whether the button is disabled.
#[prop(optional, into)] disabled: MaybeSignal<bool>,
#[prop(optional, into)]
disabled: MaybeSignal<bool>,
/// When set, allows the button to be focusable even when it has been disabled.
#[prop(optional, into)] disabled_focusable: MaybeSignal<bool>,
#[prop(optional, into)]
disabled_focusable: MaybeSignal<bool>,
#[prop(optional, into)] on_click: Option<BoxOneCallback<ev::MouseEvent>>,
#[prop(optional)] children: Option<Children>,
) -> impl IntoView {