Mirrors/yewprint
2
0
Fork 0
mirror of https://github.com/yewprint/yewprint synced 2024-11-22 03:23:03 +00:00
Code Issues Projects Releases Packages Wiki Activity

improve the spinner size presentation (#102)

Browse source
This commit is contained in:
Yohan Boogaert 2021-04-13 10:37:30 +02:00 committed by GitHub
parent f6c6a54256
commit 7ddc72585d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
yewprint-doc/src/spinner/mod.rs
View file

@ -3,7 +3,7 @@ mod example;
use crate::ExampleContainer;
use example::*;
use yew::prelude::*;
use yewprint::{HtmlSelect, Intent, H1, H5};
use yewprint::{HtmlSelect, Intent, Slider, H1, H5};
pub struct SpinnerDoc {
callback: Callback<ExampleProps>,
@ -82,20 +82,24 @@ crate::build_example_prop_component! {
..props
})
/>
<p>{"Select Size:"}</p>
<HtmlSelect<u32>
value=self.props.size
options={vec![
(10, "Very Small".to_string()),
(20, "Small".to_string()),
(30, "Small +10".to_string()),
(40, "Standard -10".to_string()),
(50, "Standard".to_string()),
(60, "Standard +10".to_string()),
(70, "Not really Standard".to_string()),
(80, "Not really Large".to_string()),
(90, "Large -10".to_string()),
(100, "Large".to_string()),
<p
style="margin-top: 5px;"
>
{"Select Size:"}
</p>
<Slider<u32>
selected=self.props.size
values={vec![
(10, Some("10".to_string())),
(20, None),
(30, None),
(40, None),
(50, Some("50".to_string())),
(60, None),
(70, None),
(80, None),
(90, None),
(100, Some("100".to_string())),
]}
onchange=self.update_props(|props, size| ExampleProps {
size,