adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-02-08 19:03:09 -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> </DemoCode>
</Demo> </Demo>
<LoadingButton/> <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> <h3>"style"</h3>
<Demo> <Demo>
<Space> <Space>
@ -126,55 +164,89 @@ pub fn ButtonPage() -> impl IntoView {
<tbody> <tbody>
<tr> <tr>
<td>"style"</td> <td>"style"</td>
<td>"MaybeSignal<String>"</td> <td>
<td>"Default::default()"</td> <Text code=true>"MaybeSignal<String>"</Text>
</td>
<td>
<Text code=true>"Default::default()"</Text>
</td>
<td>"Button's style."</td> <td>"Button's style."</td>
</tr> </tr>
<tr> <tr>
<td>"variant"</td> <td>"variant"</td>
<td>"MaybeSignal<ButtonVariant>"</td> <td>
<td>"ButtonVariant::Primary"</td> <Text code=true>"MaybeSignal<ButtonVariant>"</Text>
</td>
<td>
<Text code=true>"ButtonVariant::Primary"</Text>
</td>
<td>"Button's variant."</td> <td>"Button's variant."</td>
</tr> </tr>
<tr> <tr>
<td>"color"</td> <td>"color"</td>
<td>"MaybeSignal<ButtonColor>"</td> <td>
<td>"ButtonColor::Primary"</td> <Text code=true>"MaybeSignal<ButtonColor>"</Text>
</td>
<td>
<Text code=true>"ButtonColor::Primary"</Text>
</td>
<td>"Button's color."</td> <td>"Button's color."</td>
</tr> </tr>
<tr> <tr>
<td>"round"</td> <td>"round"</td>
<td>"MaybeSignal<bool>"</td> <td>
<td>"false"</td> <Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button shows rounded corners."</td> <td>"Whether the button shows rounded corners."</td>
</tr> </tr>
<tr> <tr>
<td>"icon"</td> <td>"icon"</td>
<td>"Option<Icon>"</td> <td>
<td>"None"</td> <Text code=true>"Option<Icon>"</Text>
</td>
<td>
<Text code=true>"None"</Text>
</td>
<td>"The icon of the button."</td> <td>"The icon of the button."</td>
</tr> </tr>
<tr> <tr>
<td>"loading"</td> <td>"loading"</td>
<td>"MaybeSignal<bool>"</td> <td>
<td>"false"</td> <Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button shows the loading status."</td> <td>"Whether the button shows the loading status."</td>
</tr> </tr>
<tr> <tr>
<td>"disabled"</td> <td>"disabled"</td>
<td>"MaybeSignal<bool>"</td> <td>
<td>"false"</td> <Text code=true>"MaybeSignal<bool>"</Text>
</td>
<td>
<Text code=true>"false"</Text>
</td>
<td>"Whether the button is disabled."</td> <td>"Whether the button is disabled."</td>
</tr> </tr>
<tr> <tr>
<td>"on_click"</td> <td>"on_click"</td>
<td>"Option<Callback<ev::MouseEvent>>"</td> <td>
<td>"None"</td> <Text code=true>"Option<Callback<ev::MouseEvent>>"</Text>
</td>
<td>
<Text code=true>"None"</Text>
</td>
<td>"Listen for button click events."</td> <td>"Listen for button click events."</td>
</tr> </tr>
<tr> <tr>
<td>"children"</td> <td>"children"</td>
<td>"Children"</td> <td>
<Text code=true>"Children"</Text>
</td>
<td></td> <td></td>
<td>"Button's content."</td> <td>"Button's content."</td>
</tr> </tr>