feat: Add support for multiple options in Select

demo/src/app.rs

@@ -75,6 +75,7 @@ fn TheRouter(is_routing: RwSignal<bool>) -> impl IntoView {
                 <Route path="/radio" view=RadioMdPage/>
                 <Route path="/scrollbar" view=ScrollbarMdPage/>
                 <Route path="/select" view=SelectMdPage/>
+                <Route path="/select-multi" view=SelectMultiMdPage/>
                 <Route path="/skeleton" view=SkeletonMdPage/>
                 <Route path="/slider" view=SliderMdPage/>
                 <Route path="/space" view=SpaceMdPage/>

demo/src/components/switch_version.rs

@@ -4,18 +4,9 @@ use thaw::*;
 #[component]
 pub fn SwitchVersion() -> impl IntoView {
     let options = vec![
-        SelectOption {
-            label: "main".into(),
-            value: "https://thawui.vercel.app".into(),
-        },
-        SelectOption {
-            label: "0.2.6".into(),
-            value: "https://thaw-mzh1656cm-thaw.vercel.app".into(),
-        },
-        SelectOption {
-            label: "0.2.5".into(),
-            value: "https://thaw-8og1kv8zs-thaw.vercel.app".into(),
-        },
+        SelectOption::new("main", "https://thawui.vercel.app".into()),
+        SelectOption::new("0.2.6", "https://thaw-mzh1656cm-thaw.vercel.app".into()),
+        SelectOption::new("0.2.5", "https://thaw-8og1kv8zs-thaw.vercel.app".into()),
     ];
 
     cfg_if::cfg_if! {

demo/src/pages/components.rs

@@ -170,6 +170,10 @@ pub(crate) fn gen_menu_data() -> Vec<MenuGroupOption> {
                     value: "select".into(),
                     label: "Select".into(),
                 },
+                MenuItemOption {
+                    value: "select-multi".into(),
+                    label: "Select Multiple".into(),
+                },
                 MenuItemOption {
                     value: "slider".into(),
                     label: "Slider".into(),

demo_markdown/docs/select/mod.md

@@ -4,18 +4,12 @@
 let value = create_rw_signal(None::<String>);
 
 let options = vec![
-    SelectOption {
-        label: String::from("RwSignal"),
-        value: String::from("rw_signal"),
-    },
-    SelectOption {
-        label: String::from("Memo"),
-        value: String::from("memo"),
-    },
+    SelectOption::new("RwSignal", String::from("rw_signal")),
+    SelectOption::new("Memo", String::from("memo")),
 ];
 
 view! {
-    <Select value options/>
+    <Select value options />
 }
 ```
 
@@ -26,3 +20,9 @@ view! {
 | class   | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the select element. |
 | value   | `Model<Option<T>>`                  | `None`               | Checked value.                            |
 | options | `MaybeSignal<Vec<SelectOption<T>>>` | `vec![]`             | Options that can be selected.             |
+
+### Select Slots
+
+| Name        | Default | Description   |
+| ----------- | ------- | ------------- |
+| SelectLabel | `None`  | Select label. |

demo_markdown/docs/select_multi/mod.md

@@ -0,0 +1,38 @@
+# Select Multiple
+
+```rust demo
+let values = create_rw_signal(vec![
+    "rust".to_string(),
+    "javascript".to_string(),
+    "zig".to_string(),
+    "python".to_string(),
+    "cpp".to_string(),
+]);
+
+let options = vec![
+    SelectOption::new("Rust", String::from("rust")).with_variant(TagVariant::Success),
+    SelectOption::new("JavaScript", String::from("javascript")),
+    SelectOption::new("Python", String::from("python")).with_variant(TagVariant::Warning),
+    SelectOption::new("C++", String::from("cpp")).with_variant(TagVariant::Error),
+    SelectOption::new("Lua", String::from("lua")),
+    SelectOption::new("Zig", String::from("zig")),
+];
+
+view! {
+    <SelectMulti values options />
+}
+```
+
+### Select Multiple Props
+
+| Name    | Type                                | Default              | Description                               |
+| ------- | ----------------------------------- | -------------------- | ----------------------------------------- |
+| class   | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the select element. |
+| values  | `Model<Vec<T>>`                     | `vec![]`             | Checked values.                           |
+| options | `MaybeSignal<Vec<SelectOption<T>>>` | `vec![]`             | Options that can be selected.             |
+
+### Select Multiple Slots
+
+| Name        | Default | Description   |
+| ----------- | ------- | ------------- |
+| SelectLabel | `None`  | Select label. |

demo_markdown/src/lib.rs

@@ -8,11 +8,11 @@ use syn::ItemFn;
 macro_rules! file_path {
     ($($key:expr => $value:expr),*) => {
         {
-            let mut pairs = Vec::new();
-            $(
-                pairs.push(($key, include_str!($value)));
-            )*
-            pairs
+            vec![
+                $(
+                    ($key, include_str!($value)),
+                )*
+            ]
         }
     }
 }
@@ -57,6 +57,7 @@ pub fn include_md(_token_stream: proc_macro::TokenStream) -> proc_macro::TokenSt
         "RadioMdPage" => "../docs/radio/mod.md",
         "ScrollbarMdPage" => "../docs/scrollbar/mod.md",
         "SelectMdPage" => "../docs/select/mod.md",
+        "SelectMultiMdPage" => "../docs/select_multi/mod.md",
         "SkeletonMdPage" => "../docs/skeleton/mod.md",
         "SliderMdPage" => "../docs/slider/mod.md",
         "SpaceMdPage" => "../docs/space/mod.md",
@@ -95,7 +96,7 @@ pub fn include_md(_token_stream: proc_macro::TokenStream) -> proc_macro::TokenSt
             })
             .map(|demo| {
                 syn::parse_str::<ItemFn>(&demo)
-                    .expect(&format!("Cannot be resolved as a function: \n {demo}"))
+                    .unwrap_or_else(|_| panic!("Cannot be resolved as a function: \n {demo}"))
             })
             .collect();
 

thaw/src/lib.rs

@@ -30,6 +30,7 @@ mod progress;
 mod radio;
 mod scrollbar;
 mod select;
+mod select_multi;
 mod skeleton;
 mod slider;
 mod space;
@@ -74,6 +75,7 @@ pub use progress::*;
 pub use radio::*;
 pub use scrollbar::*;
 pub use select::*;
+pub use select_multi::*;
 pub use skeleton::*;
 pub use slider::*;
 pub use space::*;