zu: Update styles in FormGroup

RustVis · Nov 24, 2023 · 6bfb247 · 6bfb247
1 parent 0496bbf
commit 6bfb247
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/crates/zu/src/form_group/mod.rs b/crates/zu/src/form_group/mod.rs
@@ -10,9 +10,11 @@ pub struct Props {
     #[prop_or_default]
     pub aria_label: AttrValue,
 
+    /// The content of the component.
     #[prop_or_default]
     pub children: Children,
 
+    /// Override or extend the styles applied to the component.
     #[prop_or_default]
     pub classes: Classes,
 
@@ -37,9 +39,10 @@ pub fn form_group(props: &Props) -> Html {
     );
 
     html! {
-        <div class={root_cls}
-            style={props.style.to_attr()}
-            aria-label={props.aria_label.to_attr()}>
+        <div
+            aria-label={props.aria_label.to_attr()}
+            class={root_cls}
+            style={props.style.to_attr()}>
             {for props.children.iter()}
         </div>
     }

diff --git a/crates/zu/src/form_group/style.scss b/crates/zu/src/form_group/style.scss
@@ -6,11 +6,11 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-}
 
-/* Styles applied to the root element if row={true}. */
-.ZuFormGroup-row {
-  flex-direction: row;
+  /* Styles applied to the root element if row={true}. */
+  &.ZuFormGroup-row {
+    flex-direction: row;
+  }
 }
 
 /* State class applied to the root element if error={true}. */