mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-23 14:29:22 -05:00
a44d0a9c38
* feat: Adds ProgressCircle component * feat: ProgressCircle adds children prop * feat: ProgressCircle adds class and size prop
2.1 KiB
2.1 KiB
Progress
let percentage = create_rw_signal(0.0f32);
view! {
<Space vertical=true>
<Progress percentage show_indicator=false/>
<Progress percentage/>
<Progress percentage indicator_placement=ProgressIndicatorPlacement::Inside/>
<Progress percentage color=ProgressColor::Success/>
<Progress percentage color=ProgressColor::Warning/>
<Progress percentage color=ProgressColor::Error/>
<Space>
<Button on_click=move |_| percentage.update(|v| *v -= 10.0)>"-10%"</Button>
<Button on_click=move |_| percentage.update(|v| *v += 10.0)>"+10%"</Button>
</Space>
</Space>
}
Circle
let percentage = create_rw_signal(0.0f32);
view! {
<Space>
<ProgressCircle percentage/>
<ProgressCircle percentage color=ProgressColor::Success/>
<ProgressCircle percentage color=ProgressColor::Warning/>
<ProgressCircle percentage color=ProgressColor::Error/>
</Space>
<Space>
<Button on_click=move |_| percentage.update(|v| *v -= 10.0)>"-10%"</Button>
<Button on_click=move |_| percentage.update(|v| *v += 10.0)>"+10%"</Button>
</Space>
}
Progress Props
Name | Type | Default | Description |
---|---|---|---|
percentage | MaybeSignal<f32> |
Default::default() |
Percentage value. |
color | MaybeSignal<ProgressColor> |
ProgressColor::Primary |
Progress color. |
show_indicator | MaybeSignal<bool> |
true |
Whether to display indicators. |
indicator_placement | MaybeSignal<ProgressIndicatorPlacement> |
ProgressIndicatorPlacement::Outside |
Indicator placement. |
ProgressCircle Props
Name | Type | Default | Description |
---|---|---|---|
class | OptionalProp<MaybeSignal<String>> |
Default::default() |
Addtional classes for the progress element. |
percentage | MaybeSignal<f32> |
Default::default() |
Percentage value. |
color | MaybeSignal<ProgressColor> |
ProgressColor::Primary |
ProgressCircle color. |
size | MaybeSignal<Stringr> |
120px |
ProgressCircle size. |
children | Option<Children> |
None |
ProgressCircle's content. |