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

demo: buttom component add disabled demo

Browse source
This commit is contained in:
luoxiao 2023-12-03 23:01:48 +08:00
parent 89d2ee158e
commit a0e87f18f0
1 changed files with 89 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
demo/src/pages/button/mod.rs
View file

@ -95,6 +95,44 @@ pub fn ButtonPage() -> impl IntoView {
</DemoCode>
</Demo>
<LoadingButton/>
<h3>"disabled"</h3>
<Demo>
<Space>
<Button variant=ButtonVariant::Primary disabled=true>
"Primary"
</Button>
<Button variant=ButtonVariant::Solid disabled=true>
"Solid"
</Button>
<Button variant=ButtonVariant::Text disabled=true>
"Text"
</Button>
<Button variant=ButtonVariant::Link disabled=true>
"Link"
</Button>
</Space>
<DemoCode slot>
{highlight_str!(
r#"
<Button variant=ButtonVariant::Primary disabled=true>
"Primary"
</Button>
<Button variant=ButtonVariant::Solid disabled=true>
"Solid"
</Button>
<Button variant=ButtonVariant::Text disabled=true>
"Text"
</Button>
<Button variant=ButtonVariant::Link disabled=true>
"Link"
</Button>
"#,
"rust"
)}
</DemoCode>
</Demo>
<h3>"style"</h3>
<Demo>
<Space>
@ -126,55 +164,89 @@ pub fn ButtonPage() -> impl IntoView {
<tbody>
<tr>
<td>"style"</td>
<td>"MaybeSignal<String>"</td>
<td>"Default::default()"</td>
<td>
<Text code=true>"MaybeSignal<String>"</Text>
</td>
<td>
<Text code=true>"Default::default()"</Text>
</td>
<td>"Button's style."</td>
</tr>
<tr>
<td>"variant"</td>
<td>"MaybeSignal<ButtonVariant>"</td>
<td>"ButtonVariant::Primary"</td>
<td>
<Text code=true>"MaybeSignal<ButtonVariant>"</Text>
</td>
<td>
<Text code=true>"ButtonVariant::Primary"</Text>
</td>
<td>"Button's variant."</td>
</tr>
<tr>
<td>"color"</td>
<td>"MaybeSignal<ButtonColor>"</td>
<td>"ButtonColor::Primary"</td>
<td>
<Text code=true>"MaybeSignal<ButtonColor>"</Text>
</td>
<td>
<Text code=true>"ButtonColor::Primary"</Text>
</td>
<td>"Button's color."</td>
</tr>
<tr>
<td>"round"</td>
<td>"MaybeSignal<bool>"</td>
<td>"false"</td>
<td>
<Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button shows rounded corners."</td>
</tr>
<tr>
<td>"icon"</td>
<td>"Option<Icon>"</td>
<td>"None"</td>
<td>
<Text code=true>"Option<Icon>"</Text>
</td>
<td>
<Text code=true>"None"</Text>
</td>
<td>"The icon of the button."</td>
</tr>
<tr>
<td>"loading"</td>
<td>"MaybeSignal<bool>"</td>
<td>"false"</td>
<td>
<Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button shows the loading status."</td>
</tr>
<tr>
<td>"disabled"</td>
<td>"MaybeSignal<bool>"</td>
<td>"false"</td>
<td>
<Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button is disabled."</td>
</tr>
<tr>
<td>"on_click"</td>
<td>"Option<Callback<ev::MouseEvent>>"</td>
<td>"None"</td>
<td>
<Text code=true>"Option<Callback<ev::MouseEvent>>"</Text>
</td>
<td>
<Text code=true>"None"</Text>
</td>
<td>"Listen for button click events."</td>
</tr>
<tr>
<td>"children"</td>
<td>"Children"</td>
<td>
<Text code=true>"Children"</Text>
</td>
<td></td>
<td>"Button's content."</td>
</tr>