From f9e9c8462301772ed9f26fc0168568e4315f831c Mon Sep 17 00:00:00 2001 From: luoxiao Date: Sun, 17 Sep 2023 22:19:54 +0800 Subject: [PATCH] feat(gh-pages): add demo component --- README.md | 6 +- gh-pages/index.html | 1 + gh-pages/src/assets/svg/grid_dot.svg | 4 + gh-pages/src/components/demo.rs | 23 +++++ gh-pages/src/components/mod.rs | 2 + gh-pages/src/pages/button/mod.rs | 135 ++++++++++++++++++++------- gh-pages/src/pages/components.rs | 2 +- 7 files changed, 137 insertions(+), 36 deletions(-) create mode 100644 gh-pages/src/assets/svg/grid_dot.svg create mode 100644 gh-pages/src/components/demo.rs diff --git a/README.md b/README.md index 126334b..127fe37 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,7 @@ ## melt-ui -A Leptos UI Library \ No newline at end of file +A Leptos UI Library + +## Resources + +[Pigment](https://github.com/kobaltedev/pigment) \ No newline at end of file diff --git a/gh-pages/index.html b/gh-pages/index.html index 7640165..bf63510 100644 --- a/gh-pages/index.html +++ b/gh-pages/index.html @@ -6,6 +6,7 @@ Melt UI + diff --git a/gh-pages/src/assets/svg/grid_dot.svg b/gh-pages/src/assets/svg/grid_dot.svg new file mode 100644 index 0000000..30c7ffe --- /dev/null +++ b/gh-pages/src/assets/svg/grid_dot.svg @@ -0,0 +1,4 @@ + + + + diff --git a/gh-pages/src/components/demo.rs b/gh-pages/src/components/demo.rs new file mode 100644 index 0000000..2d32f3c --- /dev/null +++ b/gh-pages/src/components/demo.rs @@ -0,0 +1,23 @@ +use leptos::*; +use melt_ui::Code; + +#[slot] +pub struct DemoCode { + children: Children, +} + +#[component] +pub fn Demo(demo_code: DemoCode, children: Children) -> impl IntoView { + view! { +
+ { children() } +
+
+ + 
+                    { (demo_code.children)() }
+
+ +
+ } +} diff --git a/gh-pages/src/components/mod.rs b/gh-pages/src/components/mod.rs index 92a8adb..022d50c 100644 --- a/gh-pages/src/components/mod.rs +++ b/gh-pages/src/components/mod.rs @@ -1,3 +1,5 @@ +mod demo; mod site_header; +pub use demo::{Demo, DemoCode}; pub use site_header::*; diff --git a/gh-pages/src/pages/button/mod.rs b/gh-pages/src/pages/button/mod.rs index c0c4cb6..fba046a 100644 --- a/gh-pages/src/pages/button/mod.rs +++ b/gh-pages/src/pages/button/mod.rs @@ -1,43 +1,110 @@ +use crate::components::{Demo, DemoCode}; +use indoc::indoc; use leptos::*; use melt_ui::*; #[component] pub fn ButtonPage() -> impl IntoView { view! { - - - - - - - - - - - - -
- - +
+

"Button"

+ + + + + + + { + indoc!(r#" + + + + + "#) + } + + +

"color"

+ + + + + + + { + indoc!(r#" + + + + + "#) + } + + +

"icon"

+ + + + + { + indoc! {r#" + + + "#} + } + + +

"style"

+ + + + + { + indoc! {r#" + + + "#} + } + +
} } diff --git a/gh-pages/src/pages/components.rs b/gh-pages/src/pages/components.rs index b935f1d..8bc681a 100644 --- a/gh-pages/src/pages/components.rs +++ b/gh-pages/src/pages/components.rs @@ -50,7 +50,7 @@ pub fn ComponentsPage() -> impl IntoView { - +