docs(Form): Add information about RowSpacing

components/form/columns.md

@@ -18,24 +18,24 @@ The Form component for Blazor allows you to add multiple columns by using the `C
 You can set the `Columns` parameter when the Form component automatically generates the editors. The form will spread the editors evenly across the columns. It will calculate it using this formula: `propertiesInModelCount / Columns`.
 
 ````RAZOR
-@* Add colums to the Form component *@
-
-<TelerikForm Model="@person"
-             Columns="2" ColumnSpacing="25px">
+<TelerikForm Model="@Employee"
+             Columns="2"
+             ColumnSpacing="25px"
+             RowSpacing="25px">
 </TelerikForm>
 
 @code {
-    public Person person = new Person();
+    private Person Employee { get; set; } = new();
 
     public class Person
     {
         public int Id { get; set; }
-        public string FirstName { get; set; }
-        public string LastName { get; set; }
-        public DateTime DOB { get; set; } = DateTime.Today.AddYears(-20);
-        public string CompanyName { get; set; }
-        public DateTime HireDate { get; set; }
-        public bool IsOnVacation { get; set; } = true;
+        public string FirstName { get; set; } = string.Empty;
+        public string LastName { get; set; } = string.Empty;
+        public DateTime DOB { get; set; } = DateTime.Today.AddYears(-18);
+        public string CompanyName { get; set; } = string.Empty;
+        public DateTime HireDate { get; set; } = DateTime.Today;
+        public bool IsOnVacation { get; set; }
     }
 }
 ````

components/form/formgroups.md

@@ -21,11 +21,12 @@ In this article:
 
 The `FormGroup` tag exposes the following parameters:
 
-* `LabelText` - `string` - defines a label for the entire group. 
-
-* `Columns` - `int` - defines the number of columns in the group.
-
-* `ColumnSpacing` - `string` - defines the horizontal space between the editors in the group. 
+| Parameter | Type | Description |
+| --- | --- | --- |
+| `LabelText` | `string` | The label for the entire group rendered as a `<legend>` element in a `<fieldset>`. |
+| `Columns` | `int` | The number of columns in the group. |
+| `ColumnSpacing` | `string` | The horizontal space between the columns in the group. |
+| `RowSpacing` | `string` | The vertical space between the fields in the group. |
 
 ## Example - Organize FormItems into Groups
 
@@ -82,10 +83,8 @@ You can organize some FormItems into logical groups. You can configure the label
 
 ## See Also
 
-  * [Overview](slug:form-overview)
-  * [FormItems](slug:form-formitems)
-  * [Template](slug:form-formitems-template)
-  * [Orientation](slug:form-orientation)
-  * [Events](slug:form-events)
-
-
+* [Overview](slug:form-overview)
+* [FormItems](slug:form-formitems)
+* [Template](slug:form-formitems-template)
+* [Orientation](slug:form-orientation)
+* [Events](slug:form-events)

components/form/overview.md

@@ -205,10 +205,11 @@ The [Blazor Form](https://demos.telerik.com/blazor-ui/form/overview) exposes mul
 
 | Parameter | Type and Default value | Description |
 |-----------|------------------------|-------------|
-| `ButtonsLayout` | `FormButtonsLayout` enum <br /> (`Start`) | Determines the position and width of all Form buttons. See [Form Buttons](slug:form-formitems-buttons). |
-| `Columns`  | `int` | Defines the number of columns in the Form. See the [Columns](slug:form-columns) article for more information |
-| `ColumnSpacing`  | `string` | Defines the amout of horizontal space between the Columns. See the [Columns](slug:form-columns) article for more information. |
-| `Orientation`  | `FormOrientation` enum <br /> (`Vertical`) | Determines the position of each label with regard to its editor. See [Orientation](slug:form-orientation) for more information. |
+| `ButtonsLayout` | `FormButtonsLayout` enum <br /> (`Start`) | The position and width of all Form buttons. See [Form Buttons](slug:form-formitems-buttons). |
+| `Columns`  | `int` | The number of columns in the Form. See the [Columns](slug:form-columns) article for more information |
+| `ColumnSpacing`  | `string` | The amout of horizontal space between the columns. See the [Columns](slug:form-columns) article for more information. |
+| `Orientation`  | `FormOrientation` enum <br /> (`Vertical`) | The position of each label with regard to its editor. See [Orientation](slug:form-orientation) for more information. |
+| `RowSpacing`  | `string` | The amout of vertical space between the rows. |
 
 ### Styling and Appearance