closes #359

Author: jerhat

thaw/src/input/docs/mod.md

@@ -125,6 +125,7 @@ view! {
 | Name | Type | Default | Description |
 | --- | --- | --- | --- |
 | class | `MaybeProp<String>` | `Default::default()` |  |
+| style    | `MaybeProp<String>` | `Default::default()` | |
 | id | `MaybeProp<String>` | `Default::default()` |  |
 | name | `MaybeProp<String>` | `Default::default()` | A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. |
 | rules | `Vec<InputRule>` | `vec![]` | The rules to validate Field. |

thaw/src/input/mod.rs

@@ -14,6 +14,7 @@ use thaw_utils::{
 #[component]
 pub fn Input(
     #[prop(optional, into)] class: MaybeProp<String>,
+    #[prop(optional, into)] style: MaybeProp<String>,
     #[prop(optional, into)] id: MaybeProp<String>,
     /// A string specifying a name for the input control.
     /// This name is submitted along with the control's value when the form data is submitted.
@@ -62,6 +63,7 @@ pub fn Input(
     #[prop(optional, into)]
     size: Signal<InputSize>,
 ) -> impl IntoView {
+    let style = move || style.get().unwrap_or_default();
     mount_style("input", include_str!("./input.css"));
     let (id, name) = FieldInjection::use_id_and_name(id, name);
     let validate = Rule::validate(rules, value, name);
@@ -191,6 +193,7 @@ pub fn Input(
                 size=input_size
                 placeholder=move || placeholder.get()
                 node_ref=input_ref
+                style=style
             />
 
             {if let Some(suffix) = input_suffix.and_then(|suffix| suffix.if_.then_some(suffix)) {