From 9c115720b9275a68ff52333a83f81fd0119e6624 Mon Sep 17 00:00:00 2001 From: luoxiao Date: Tue, 14 Nov 2023 21:11:47 +0800 Subject: [PATCH] docs: card, checkbox, color picker, grid, icon, image --- demo/src/pages/card/mod.rs | 54 ++++++++++++++++++++- demo/src/pages/checkbox/mod.rs | 77 +++++++++++++++++++++++++++++- demo/src/pages/color_picker/mod.rs | 21 +++++++- demo/src/pages/grid/mod.rs | 31 ++++++++++++ demo/src/pages/icon/mod.rs | 45 ++++++++++++++++- demo/src/pages/image/mod.rs | 51 +++++++++++++++++++- 6 files changed, 274 insertions(+), 5 deletions(-) diff --git a/demo/src/pages/card/mod.rs b/demo/src/pages/card/mod.rs index 2b2edb2..083b60f 100644 --- a/demo/src/pages/card/mod.rs +++ b/demo/src/pages/card/mod.rs @@ -1,7 +1,7 @@ use crate::components::{Demo, DemoCode}; use leptos::*; -use thaw::*; use prisms::highlight_str; +use thaw::*; #[component] pub fn CardPage() -> impl IntoView { @@ -73,6 +73,58 @@ pub fn CardPage() -> impl IntoView { "" +

"Card Props"

+ + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"title""MaybeSignal"r#""""#"Card title."
"children""Children""Card's content."
+

"Card Slots"

+ + + + + + + + + + + + + + + + + + + + + + + + + +
"Name""Default""Description"
"CardHeader""None""Header content."
"CardHeaderExtra""None""Header extra content."
"CardFooter""None""Footer content."
} } diff --git a/demo/src/pages/checkbox/mod.rs b/demo/src/pages/checkbox/mod.rs index 0071416..71f3495 100644 --- a/demo/src/pages/checkbox/mod.rs +++ b/demo/src/pages/checkbox/mod.rs @@ -2,8 +2,8 @@ use std::collections::HashSet; use crate::components::{Demo, DemoCode}; use leptos::*; -use thaw::*; use prisms::highlight_str; +use thaw::*; #[component] pub fn CheckboxPage() -> impl IntoView { @@ -62,6 +62,81 @@ pub fn CheckboxPage() -> impl IntoView { "" +

"Checkbox Props"

+ + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"value""RwSignal""false""Whether the checkbox is being checked."
"children""Children""Checkbox's content."
+

"CheckboxGroup Props"

+ + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"value""RwSignal>,""false""Sets the value of the checkbox group."
"children""Children""CheckboxGroup's content."
+

"CheckboxItem Props"

+ + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"key""String""The key of the checkbox to be used in a checkbox group."
"label""Option""None""Checkbox's label."
} } diff --git a/demo/src/pages/color_picker/mod.rs b/demo/src/pages/color_picker/mod.rs index 03af770..f5e3988 100644 --- a/demo/src/pages/color_picker/mod.rs +++ b/demo/src/pages/color_picker/mod.rs @@ -1,7 +1,7 @@ use crate::components::{Demo, DemoCode}; use leptos::*; -use thaw::*; use prisms::highlight_str; +use thaw::*; #[component] pub fn ColorPickerPage() -> impl IntoView { @@ -29,6 +29,25 @@ pub fn ColorPickerPage() -> impl IntoView { "" +

"ColorPicker Props"

+ + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"value""RwSignal""RwSignal""Value of the picker."
} } diff --git a/demo/src/pages/grid/mod.rs b/demo/src/pages/grid/mod.rs index 42967eb..ba0ff13 100644 --- a/demo/src/pages/grid/mod.rs +++ b/demo/src/pages/grid/mod.rs @@ -119,6 +119,37 @@ pub fn GridPage() -> impl IntoView { "" +

"Grid Props"

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"cols""MaybeSignal""1""Number of grids displayed."
"x_gap""MaybeSignal""0""Horizontal gap."
"y_gap""MaybeSignal""0""Vertical gap."
} } diff --git a/demo/src/pages/icon/mod.rs b/demo/src/pages/icon/mod.rs index c3ae4db..87acc19 100644 --- a/demo/src/pages/icon/mod.rs +++ b/demo/src/pages/icon/mod.rs @@ -1,7 +1,7 @@ use crate::components::{Demo, DemoCode}; use leptos::*; -use thaw::*; use prisms::highlight_str; +use thaw::*; #[component] pub fn IconPage() -> impl IntoView { @@ -29,6 +29,49 @@ pub fn IconPage() -> impl IntoView { "" +

"Icon Props"

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"icon""MaybeSignal""The icon to show."
"width""Option>"r#""1em""#"The width of the icon."
"height""Option>"r#""1em""#"The height of the icon."
"class""Option>""None""HTML class attribute."
"style""Option>""None""HTML style attribute."
} } diff --git a/demo/src/pages/image/mod.rs b/demo/src/pages/image/mod.rs index d0f67a9..1069cbb 100644 --- a/demo/src/pages/image/mod.rs +++ b/demo/src/pages/image/mod.rs @@ -1,7 +1,7 @@ use crate::components::{Demo, DemoCode}; use leptos::*; -use thaw::*; use prisms::highlight_str; +use thaw::*; #[component] pub fn ImagePage() -> impl IntoView { @@ -25,6 +25,55 @@ pub fn ImagePage() -> impl IntoView { "" +

"Image Props"

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
"Name""Type""Default""Description"
"src""MaybeSignal"r#""""#"Image source."
"alt""MaybeSignal"r#""""#"Image alt information."
"width""MaybeSignal"r#""""#"Image width."
"height""MaybeSignal"r#""""#"Image height."
"border_radius""MaybeSignal"r#""""#"Image border radius."
"object_fit""MaybeSignal"r#""""#"Object-fit type of the image in the container."
} }