diff --git a/Cargo.lock b/Cargo.lock
index d64c91d..5e6ca86 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -13,9 +13,9 @@ dependencies = [
[[package]]
name = "anyhow"
-version = "1.0.101"
+version = "1.0.102"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5f0e0fee31ef5ed1ba1316088939cea399010ed7731dba877ed44aeb407a75ea"
+checksum = "7f202df86484c868dbad7eaa557ef785d5c66295e41b460ef922eca0723b842c"
[[package]]
name = "autocfg"
@@ -50,9 +50,9 @@ dependencies = [
[[package]]
name = "bumpalo"
-version = "3.19.1"
+version = "3.20.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5dd9dc738b7a8311c7ade152424974d8115f2cdad61e8dab8dac9f2362298510"
+checksum = "5d20789868f4b01b2f2caec9f5c4e0213b41e3e5702a50157d699ae31ced2fcb"
[[package]]
name = "bytes"
@@ -62,9 +62,9 @@ checksum = "1e748733b7cbc798e1434b6ac524f0c1ff2ab456fe201501e6497c8417a4fc33"
[[package]]
name = "cc"
-version = "1.2.56"
+version = "1.2.57"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aebf35691d1bfb0ac386a69bac2fde4dd276fb618cf8bf4f5318fe285e821bb2"
+checksum = "7a0dd1ca384932ff3641c8718a02769f1698e7563dc6974ffd03346116310423"
dependencies = [
"find-msvc-tools",
"shlex",
@@ -78,9 +78,9 @@ checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
[[package]]
name = "chrono"
-version = "0.4.43"
+version = "0.4.44"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fac4744fb15ae8337dc853fee7fb3f4e48c0fbaa23d0afe49c447b4fab126118"
+checksum = "c673075a2e0e5f4a1dde27ce9dee1ea4558c7ffe648f576438a20ca1d2acc4b0"
dependencies = [
"iana-time-zone",
"js-sys",
@@ -135,7 +135,7 @@ dependencies = [
"proc-macro2",
"quote",
"strsim",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -146,7 +146,7 @@ checksum = "fc34b93ccb385b40dc71c6fceac4b2ad23662c7eeb248cf10d529b7e055b6ead"
dependencies = [
"darling_core",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -157,7 +157,7 @@ checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -237,7 +237,7 @@ checksum = "e835b70203e41293343137df5c0664546da5745f82ec9b84d40be8336958447b"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -284,9 +284,9 @@ dependencies = [
[[package]]
name = "getrandom"
-version = "0.4.1"
+version = "0.4.2"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "139ef39800118c7683f2fd3c98c1b23c09ae076556b435f8e9064ae108aaeeec"
+checksum = "0de51e6874e94e7bf76d726fc5d13ba782deca734ff60d5bb2fb2607c7406555"
dependencies = [
"cfg-if",
"libc",
@@ -473,7 +473,7 @@ dependencies = [
"proc-macro-crate",
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -669,7 +669,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "699c1b6d335e63d0ba5c1e1c7f647371ce989c3bcbe1f7ed2b85fa56e3bd1a21"
dependencies = [
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -686,15 +686,15 @@ dependencies = [
[[package]]
name = "itoa"
-version = "1.0.17"
+version = "1.0.18"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92ecc6618181def0457392ccd0ee51198e065e016d1d527a7ac1b6dc7c1f09d2"
+checksum = "8f42a60cbdf9a97f5d2305f08a87dc4e09308d1276d28c869c684d7777685682"
[[package]]
name = "js-sys"
-version = "0.3.85"
+version = "0.3.91"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8c942ebf8e95485ca0d52d97da7c5a2c387d0e7f0ba4c35e93bfcaee045955b3"
+checksum = "b49715b7073f385ba4bc528e5747d02e66cb39c6146efb66b781f131f0fb399c"
dependencies = [
"once_cell",
"wasm-bindgen",
@@ -708,9 +708,9 @@ checksum = "09edd9e8b54e49e587e4f6295a7d29c3ea94d469cb40ab8ca70b288248a81db2"
[[package]]
name = "libc"
-version = "0.2.182"
+version = "0.2.183"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6800badb6cb2082ffd7b6a67e6125bb39f18782f793520caee8cb8846be06112"
+checksum = "b5b646652bf6661599e1da8901b3b9522896f01e736bad5f723fe7a3a27f899d"
[[package]]
name = "litemap"
@@ -751,15 +751,15 @@ dependencies = [
[[package]]
name = "once_cell"
-version = "1.21.3"
+version = "1.21.4"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
+checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
[[package]]
name = "patternfly-yew"
-version = "0.7.0"
+version = "0.7.3"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "67c61961a31aad112d675a001722b60128f6445a67f78f032471becfd26dd450"
+checksum = "2aebb3441a167658b3637446c72e5296f2eb6a231a64ff69e79010d02599967d"
dependencies = [
"chrono",
"gloo-events",
@@ -816,29 +816,29 @@ checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"
[[package]]
name = "pin-project"
-version = "1.1.10"
+version = "1.1.11"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "677f1add503faace112b9f1373e43e9e054bfdd22ff1a63c1bc485eaec6a6a8a"
+checksum = "f1749c7ed4bcaf4c3d0a3efc28538844fb29bcdd7d2b67b2be7e20ba861ff517"
dependencies = [
"pin-project-internal",
]
[[package]]
name = "pin-project-internal"
-version = "1.1.10"
+version = "1.1.11"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6e918e4ff8c4549eb882f14b3a4bc8c8bc93de829416eacf579f1207a8fbf861"
+checksum = "d9b20ed30f105399776b9c883e68e536ef602a16ae6f596d2c473591d6ad64c6"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
name = "pin-project-lite"
-version = "0.2.16"
+version = "0.2.17"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
+checksum = "a89322df9ebe1c1578d689c92318e070967d1042b512afbe49518723f4e6d5cd"
[[package]]
name = "pinned"
@@ -895,7 +895,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "479ca8adacdd7ce8f1fb39ce9ecccbfe93a3f1344b3d0d97f20bc0196208f62b"
dependencies = [
"proc-macro2",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -943,18 +943,18 @@ dependencies = [
[[package]]
name = "quote"
-version = "1.0.44"
+version = "1.0.45"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "21b2ebcf727b7760c461f091f9f0f539b77b8e87f2fd88131e7f1b433b3cece4"
+checksum = "41f2619966050689382d2b44f664f4bc593e129785a36d6ee376ddf37259b924"
dependencies = [
"proc-macro2",
]
[[package]]
name = "r-efi"
-version = "5.3.0"
+version = "6.0.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "69cdb34c158ceb288df11e18b4bd39de994f6657d83847bdffdbd7f346754b0f"
+checksum = "f8dcc9c7d52a811697d2151c701e0d08956f92b0e24136cf4cf27b57a6a0d9bf"
[[package]]
name = "rustversion"
@@ -1012,7 +1012,7 @@ checksum = "d540f220d3187173da220f885ab66608367b6574e925011a9353e4badda91d79"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1088,7 +1088,7 @@ dependencies = [
"heck",
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1103,9 +1103,9 @@ dependencies = [
[[package]]
name = "syn"
-version = "2.0.116"
+version = "2.0.117"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3df424c70518695237746f84cede799c9c58fcb37450d7b23716568cc8bc69cb"
+checksum = "e665b8803e7b1d2a727f4023456bbbbe74da67099c585258af0ad9c5013b9b99"
dependencies = [
"proc-macro2",
"quote",
@@ -1120,7 +1120,7 @@ checksum = "728a70f3dbaf5bab7f0c4b1ac8d7ae5ea60a4b5549c8a5914361c99147a709d2"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1149,7 +1149,7 @@ checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1160,7 +1160,7 @@ checksum = "ebc4ee7f67670e9b64d05fa4253e753e016c6c95ff35b89b7941d6b856dec1d5"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1175,9 +1175,9 @@ dependencies = [
[[package]]
name = "tokio"
-version = "1.49.0"
+version = "1.50.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "72a2903cd7736441aac9df9d7688bd0ce48edccaadf181c3b90be801e81d3d86"
+checksum = "27ad5e34374e03cfffefc301becb44e9dc3c17584f414349ebe29ed26661822d"
dependencies = [
"pin-project-lite",
"tokio-macros",
@@ -1185,13 +1185,13 @@ dependencies = [
[[package]]
name = "tokio-macros"
-version = "2.6.0"
+version = "2.6.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "af407857209536a95c8e56f8231ef2c2e2aff839b22e07a1ffcbc617e9db9fa5"
+checksum = "5c55a2eff8b69ce66c84f85e1da1c233edc36ceb85a2058d11b0d6a3c7e7569c"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1207,9 +1207,9 @@ dependencies = [
[[package]]
name = "tokise"
-version = "0.2.0"
+version = "0.2.1"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "decf97738ce15b9e9cc1671ea29b0f6c56538719e1a092d19cc2134bf144e40e"
+checksum = "ba44a1b36f42a95bd21b5e4acc1468547f75a73e7cf619312408d1f74c7fb687"
dependencies = [
"futures",
"gloo",
@@ -1258,7 +1258,7 @@ checksum = "7490cfa5ec963746568740651ac6781f701c9c5ea257c58e057f3ba8cf69e8da"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1314,11 +1314,11 @@ checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
[[package]]
name = "uuid"
-version = "1.21.0"
+version = "1.22.0"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b672338555252d43fd2240c714dc444b8c6fb0a5c5335e65a07bba7742735ddb"
+checksum = "a68d3c8f01c0cfa54a75291d83601161799e4a89a39e0929f4b0354d88757a37"
dependencies = [
- "getrandom 0.4.1",
+ "getrandom 0.4.2",
"js-sys",
"wasm-bindgen",
]
@@ -1355,9 +1355,9 @@ dependencies = [
[[package]]
name = "wasm-bindgen"
-version = "0.2.108"
+version = "0.2.114"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "64024a30ec1e37399cf85a7ffefebdb72205ca1c972291c51512360d90bd8566"
+checksum = "6532f9a5c1ece3798cb1c2cfdba640b9b3ba884f5db45973a6f442510a87d38e"
dependencies = [
"cfg-if",
"once_cell",
@@ -1368,9 +1368,9 @@ dependencies = [
[[package]]
name = "wasm-bindgen-futures"
-version = "0.4.58"
+version = "0.4.64"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70a6e77fd0ae8029c9ea0063f87c46fde723e7d887703d74ad2616d792e51e6f"
+checksum = "e9c5522b3a28661442748e09d40924dfb9ca614b21c00d3fd135720e48b67db8"
dependencies = [
"cfg-if",
"futures-util",
@@ -1382,9 +1382,9 @@ dependencies = [
[[package]]
name = "wasm-bindgen-macro"
-version = "0.2.108"
+version = "0.2.114"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "008b239d9c740232e71bd39e8ef6429d27097518b6b30bdf9086833bd5b6d608"
+checksum = "18a2d50fcf105fb33bb15f00e7a77b772945a2ee45dcf454961fd843e74c18e6"
dependencies = [
"quote",
"wasm-bindgen-macro-support",
@@ -1392,22 +1392,22 @@ dependencies = [
[[package]]
name = "wasm-bindgen-macro-support"
-version = "0.2.108"
+version = "0.2.114"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5256bae2d58f54820e6490f9839c49780dff84c65aeab9e772f15d5f0e913a55"
+checksum = "03ce4caeaac547cdf713d280eda22a730824dd11e6b8c3ca9e42247b25c631e3"
dependencies = [
"bumpalo",
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
"wasm-bindgen-shared",
]
[[package]]
name = "wasm-bindgen-shared"
-version = "0.2.108"
+version = "0.2.114"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1f01b580c9ac74c8d8f0c0e4afb04eeef2acf145458e52c03845ee9cd23e3d12"
+checksum = "75a326b8c223ee17883a4251907455a2431acc2791c98c26279376490c378c16"
dependencies = [
"unicode-ident",
]
@@ -1459,9 +1459,9 @@ dependencies = [
[[package]]
name = "web-sys"
-version = "0.3.85"
+version = "0.3.91"
source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "312e32e551d92129218ea9a2452120f4aabc03529ef03e4d0d82fb2780608598"
+checksum = "854ba17bb104abfb26ba36da9729addc7ce7f06f5c0f90f3c391f8461cca21f9"
dependencies = [
"js-sys",
"wasm-bindgen",
@@ -1498,7 +1498,7 @@ checksum = "053e2e040ab57b9dc951b72c264860db7eb3b0200ba345b4e4c3b14f67855ddf"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1509,7 +1509,7 @@ checksum = "3f316c4a2570ba26bbec722032c4099d8c8bc095efccdc15688708623367e358"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1575,7 +1575,7 @@ dependencies = [
"heck",
"indexmap",
"prettyplease",
- "syn 2.0.116",
+ "syn 2.0.117",
"wasm-metadata",
"wit-bindgen-core",
"wit-component",
@@ -1591,7 +1591,7 @@ dependencies = [
"prettyplease",
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
"wit-bindgen-core",
"wit-bindgen-rust",
]
@@ -1694,7 +1694,7 @@ dependencies = [
"proc-macro2",
"quote",
"rustversion",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1742,7 +1742,7 @@ dependencies = [
"darling",
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
@@ -1764,7 +1764,7 @@ checksum = "b659052874eb698efe5b9e8cf382204678a0086ebf46982b79d6ca3182927e5d"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
"synstructure",
]
@@ -1785,7 +1785,7 @@ checksum = "d71e5d6e06ab090c67b5e44993ec16b72dcbaabc526db883a360057678b48502"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
"synstructure",
]
@@ -1819,7 +1819,7 @@ checksum = "eadce39539ca5cb3985590102671f2567e659fca9666581ad3411d59207951f3"
dependencies = [
"proc-macro2",
"quote",
- "syn 2.0.116",
+ "syn 2.0.117",
]
[[package]]
diff --git a/src/app/mod.rs b/src/app/mod.rs
index 8b0d60b..cbbaea4 100644
--- a/src/app/mod.rs
+++ b/src/app/mod.rs
@@ -46,6 +46,7 @@ pub enum Component {
Pagination,
Popover,
Progress,
+ ProgressStepper,
SearchInput,
SimpleList,
Skeleton,
@@ -169,6 +170,7 @@ fn switch_app_route(target: AppRoute) -> Html {
Component::Pagination => html! { },
Component::Popover => html! { },
Component::Progress => html! { },
+ Component::ProgressStepper => html! { },
Component::SearchInput => html! { },
Component::SimpleList => html! { },
Component::Skeleton => html! { },
@@ -430,6 +432,11 @@ fn page(props: &PageProps) -> Html {
to={AppRoute::Component(Component::Progress)}>
{ "Progress" }
>
+
+ to={AppRoute::Component(Component::ProgressStepper)}
+ >
+ { "Progress Stepper" }
+ >
to={AppRoute::Component(Component::SearchInput)}>
{ "Search Input" }
>
diff --git a/src/components/mod.rs b/src/components/mod.rs
index a393963..6e91758 100644
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@@ -29,6 +29,7 @@ mod number_input;
mod pagination;
mod popover;
mod progress;
+mod progress_stepper;
mod search_input;
mod simple_list;
mod skeleton;
@@ -77,6 +78,7 @@ pub use number_input::*;
pub use pagination::*;
pub use popover::*;
pub use progress::*;
+pub use progress_stepper::*;
pub use search_input::*;
pub use simple_list::*;
pub use skeleton::*;
diff --git a/src/components/progress_stepper/mod.rs b/src/components/progress_stepper/mod.rs
new file mode 100644
index 0000000..f66e7e9
--- /dev/null
+++ b/src/components/progress_stepper/mod.rs
@@ -0,0 +1,40 @@
+use crate::{example, example::ExamplePage};
+use patternfly_yew::prelude::*;
+use yew::prelude::*;
+
+#[function_component(ProgressStepperExample)]
+pub fn progress() -> Html {
+ let example_1 = example! ("Basic" => "progress_stepper.1.example");
+ let example_2 = example! ("Basic with descriptions" => "progress_stepper.2.example");
+ let example_3 = example! ("Vertical, horizontal responsive" => "progress_stepper.3.example");
+ let example_4 = example! ("Center aligned with descriptions" => "progress_stepper.4.example");
+ let example_5 = example! ("Center aligned, vertical" => "progress_stepper.5.example");
+ let example_6 = example! ("Vertical with descriptions" => "progress_stepper.6.example");
+ let example_7 = example! ("Compact" => "progress_stepper.7.example");
+ let example_8 = example! ("Compact Vertical" => "progress_stepper.8.example");
+ let example_9 = example! ("Compact, vertical responsive" => "progress_stepper.9.example");
+ let example_10 = example! ("Compact, vertical, centered" => "progress_stepper.10.example");
+ let example_11 = example! ("Compact, centered" => "progress_stepper.11.example");
+ let example_12 = example! ("Basic with an issue" => "progress_stepper.12.example");
+ let example_13 = example! ("Basic with a failure" => "progress_stepper.13.example");
+ let example_14 = example! ("With help text" => "progress_stepper.14.example");
+
+ html! {
+
+ { example_1 }
+ { example_2 }
+ { example_3 }
+ { example_4 }
+ { example_5 }
+ { example_6 }
+ { example_7 }
+ { example_8 }
+ { example_9 }
+ { example_10 }
+ { example_11 }
+ { example_12 }
+ { example_13 }
+ { example_14 }
+
+ }
+}
diff --git a/src/components/progress_stepper/progress_stepper.1.example b/src/components/progress_stepper/progress_stepper.1.example
new file mode 100644
index 0000000..9d2d3f1
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.1.example
@@ -0,0 +1,20 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.10.example b/src/components/progress_stepper/progress_stepper.10.example
new file mode 100644
index 0000000..74329f7
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.10.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.11.example b/src/components/progress_stepper/progress_stepper.11.example
new file mode 100644
index 0000000..2ab4a30
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.11.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.12.example b/src/components/progress_stepper/progress_stepper.12.example
new file mode 100644
index 0000000..7d759c9
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.12.example
@@ -0,0 +1,30 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+ {"Fourth Step"}
+
+
+ {"Fifth Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.13.example b/src/components/progress_stepper/progress_stepper.13.example
new file mode 100644
index 0000000..5c8d0c2
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.13.example
@@ -0,0 +1,30 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+ {"Fourth Step"}
+
+
+ {"Fifth Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.14.example b/src/components/progress_stepper/progress_stepper.14.example
new file mode 100644
index 0000000..e46554e
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.14.example
@@ -0,0 +1,47 @@
+{
+ #[component]
+ fn Example() -> Html {
+ let first_header = html!({"First step popover"});
+ let first_body = html!({"Additional info or help text content."});
+ let first_footer = html!();
+
+ let second_header = html!({"Second step popover"});
+ let second_body = html!({"Additional info or help text content."});
+ let second_footer = html!();
+
+ let third_header = html!({"Third step popover"});
+ let third_body = html!({"Additional info or help text content."});
+ let third_footer = html!();
+
+ html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+ {"Fourth Step"}
+
+
+ )
+ }
+
+ html! ()
+}
diff --git a/src/components/progress_stepper/progress_stepper.2.example b/src/components/progress_stepper/progress_stepper.2.example
new file mode 100644
index 0000000..8554475
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.2.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.3.example b/src/components/progress_stepper/progress_stepper.3.example
new file mode 100644
index 0000000..ef902ab
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.3.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.4.example b/src/components/progress_stepper/progress_stepper.4.example
new file mode 100644
index 0000000..6ac5950
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.4.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.5.example b/src/components/progress_stepper/progress_stepper.5.example
new file mode 100644
index 0000000..256f75b
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.5.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.6.example b/src/components/progress_stepper/progress_stepper.6.example
new file mode 100644
index 0000000..fcfeba1
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.6.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.7.example b/src/components/progress_stepper/progress_stepper.7.example
new file mode 100644
index 0000000..157309f
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.7.example
@@ -0,0 +1,48 @@
+{
+ #[component]
+ fn Example() -> Html {
+ let icon = html!(
+
+ );
+
+ html!(
+
+
+ {"First Step"}
+
+
+ {"In process"}
+
+
+ {"Third Step"}
+
+
+ )
+ }
+
+ html! ()
+}
diff --git a/src/components/progress_stepper/progress_stepper.8.example b/src/components/progress_stepper/progress_stepper.8.example
new file mode 100644
index 0000000..60bfe32
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.8.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/components/progress_stepper/progress_stepper.9.example b/src/components/progress_stepper/progress_stepper.9.example
new file mode 100644
index 0000000..10596a0
--- /dev/null
+++ b/src/components/progress_stepper/progress_stepper.9.example
@@ -0,0 +1,23 @@
+html!(
+
+
+ {"First Step"}
+
+
+ {"Second Step"}
+
+
+ {"Third Step"}
+
+
+)
diff --git a/src/example.rs b/src/example.rs
index 0f7ec78..62325ee 100644
--- a/src/example.rs
+++ b/src/example.rs
@@ -35,8 +35,8 @@ pub struct Props {
pub children: Children,
}
-#[function_component(ExamplePage)]
-pub fn example_page(props: &Props) -> Html {
+#[component()]
+pub fn ExamplePage(props: &Props) -> Html {
html! (
Html {
+#[component]
+pub fn Example(props: &ExampleProps) -> Html {
html!(
@@ -98,13 +98,15 @@ pub fn example(props: &ExampleProps) -> Html {
{ "Code" }
-