Merge pull request #43 from micolous/button-node-ref

Add node_ref and id to Button component

packages/yew-bootstrap/src/component/button.rs

@@ -139,6 +139,21 @@ pub struct ButtonProps {
     /// the button is not `disabled`.
     #[prop_or_default]
     pub target: Option<AttrValue>,
+
+    /// Reference to the [NodeRef] of the button's underlying `<button>` or
+    /// `<a>` element.
+    ///
+    /// Used by components which add custom event handlers directly to the DOM.
+    /// 
+    /// See [*Node Refs* in the Yew documentation][0] for more information.
+    /// 
+    /// [0]: https://yew.rs/docs/concepts/function-components/node-refs
+    #[prop_or_default]
+    pub node_ref: NodeRef,
+
+    /// Optional HTML element ID for the underlying `<button>` or `<a>` element.
+    #[prop_or_default]
+    pub id: Option<AttrValue>,
 }
 
 impl Component for Button {
@@ -182,6 +197,8 @@ impl Component for Button {
                     onclick={props.onclick.clone()}
                     data-bs-toggle="modal"
                     data-bs-target={format!("#{}",target.clone())}
+                    ref={props.node_ref.clone()}
+                    id={props.id.clone()}
                 >
                     { &props.text }
                     { for props.children.iter() }
@@ -197,6 +214,8 @@ impl Component for Button {
                     data-bs-dismiss={modal_dismiss}
                     href={url.clone()}
                     target={props.target.clone()}
+                    ref={props.node_ref.clone()}
+                    id={props.id.clone()}
                 >
                     { &props.text }
                     { for props.children.iter() }
@@ -210,6 +229,8 @@ impl Component for Button {
                     name={props.name.clone()}
                     onclick={props.onclick.clone()}
                     data-bs-dismiss={modal_dismiss}
+                    ref={props.node_ref.clone()}
+                    id={props.id.clone()}
                 >
                     { &props.text }
                     { for props.children.iter() }