Merge pull request #9236 from MicrosoftDocs/noazarur_moderncontroldocupdates

Noazarur moderncontroldocupdates

Author: mduelae

powerapps-docs/maker/TOC.yml

@@ -510,6 +510,8 @@
               href: ./canvas-apps/controls/modern-controls/limitations-modern-controls.md
             - name: Button
               href: ./canvas-apps/controls/modern-controls/modern-control-button.md
+            - name: Combobox   
+              href: ./canvas-apps/controls/modern-controls/modern-control-combobox.md
             - name: Link
               href: ./canvas-apps/controls/modern-controls/modern-control-link.md
             - name: Progress bar 
@@ -532,6 +534,8 @@
               href: ./canvas-apps/controls/modern-controls/modern-controls-header.md
             - name: Info button (preview)
               href: ./canvas-apps/controls/modern-controls/modern-control-info-button.md
+            - name: Number input (preview)
+              href: ./canvas-apps/controls/modern-controls/modern-control-number-input.md
             - name: Radio group (preview)
               href: ./canvas-apps/controls/modern-controls/modern-controls-radio-group.md
             - name: Spinner (preview)
@@ -542,6 +546,8 @@
               href: ./canvas-apps/controls/modern-controls/modern-control-text.md
             - name: Text input (preview)
               href: ./canvas-apps/controls/modern-controls/modern-control-text-input.md
+            - name: Toggle (preview)
+              href: ./canvas-apps/controls/modern-controls/modern-control-toggle.md 
           - name: Control reference
             items:
             - name: List of controls and properties

powerapps-docs/maker/canvas-apps/controls/modern-controls/modern-control-button.md

@@ -1,6 +1,6 @@
 ---
 title: Button modern control in Power Apps
-description: Learn about the details, properties and examples of the button modern control in Power Apps.
+description: Learn about the details, properties, and examples of the button modern control in Power Apps.
 author: yogeshgupta698
 
 ms.topic: reference
@@ -16,21 +16,39 @@ search.audienceType:
 contributors:
   - mduelae
   - yogeshgupta698
+  - noazarur-microsoft
 
 ---
 # Button modern control in Power Apps
 
 A control that the user can select to interact with the app.
 
 ## Description
-With the modern button you can set a button to be primary or secondary. Configure the **[OnSelect](../properties-core.md)** property of a **Button** control to run one or more formulas when the user selects the control. As a design pattern, we recommend always placing the primary button on the left, the secondary button to the right of it.
+Use the modern button to set a button to be primary or secondary. Configure the **[OnSelect](../properties-core.md)** property of a **Button** control to run one or more formulas when the user selects the control. As a design pattern, we recommend always placing the primary button on the left, the secondary button to the right of it. The key properties for this control are **OnSelect** and **Text**.
 
-## Key properties
-**[OnSelect](../properties-core.md)** – Actions to perform when the user taps or clicks a control.
+## General
 
 **[Text](../properties-core.md)** – Text that appears on a component.
 
-**BasePaletteColor** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color. If the value is null or zero, then the color is driven by selected Fluent theme.
+**AccessibleLabel** – Label for screen readers.
+
+**Visible** - Whether a control appears or is hidden.
+
+## Behavior
+
+**DisplayMode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+
+## Size and position 
+
+**[X](../properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
+
+**[Y](../properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
+
+**Width** - The distance between a control's left and right edges. 
+
+**Height** - The distance between a control's top and bottom edges. 
+
+## Style and theme
 
 **Appearance** – A button can have its content and borders styled for greater emphasis or to be subtle. Below are the options available:
 * Primary: Emphasizes the button as a primary action.
@@ -39,20 +57,27 @@ With the modern button you can set a button to be primary or secondary. Configur
 * Subtle: Minimizes emphasis to blend into the background until hovered or focused.
 * Transparent: Removes background and border styling.
 
+**BasePaletteColor** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color. If the value is null or zero, then the color is driven by selected Fluent theme.
+
+**Font** - The name of the family of fonts in which text appears.
+
 **FontSize** - The font size of the text that appears on a control. If the value is null or zero, then the font size is driven by selected Fluent theme.
 
-## Additional properties
-**AccessibleLabel** – Label for screen readers.
+**FontColor** - The color of text in a control. 
 
-**DisplayMode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+**FontWeight** - The weight of the text in a control: **Bold**, **Lighter**, **Normal**, or **Semibold**. 
 
-**Visible** - Whether a control appears or is hidden.
+**FontItalic** - Whether the text in a control is italic. 
 
-**[X](../properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
+**FontUnderline** - Whether a line appears under the text that appears on a control. 
 
-**[Y](../properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
+**FontStrikethrough** - Whether a line appears through the text that appears on a control. 
+
+## Additional properties
+
+**AcceptsFocus** - Determines whether the control can receive focus when the user navigates through the app using the keyboard. 
 
-**[Size](../properties-text.md)** – The size of the control on the canvas
+**[OnSelect](../properties-core.md)** – Actions to perform when the user selects a control.
 
 
 

powerapps-docs/maker/canvas-apps/controls/modern-controls/modern-control-checkbox.md

@@ -1,6 +1,6 @@
 ---
 title: Checkbox modern control in Power Apps
-description: Learn about the details, properties and examples of the checkbox modern control in Power Apps.
+description: Learn about the details, properties, and examples of the checkbox modern control in Power Apps.
 author: yogeshgupta698
 
 ms.topic: reference
@@ -16,6 +16,7 @@ search.audienceType:
 contributors:
   - mduelae
   - yogeshgupta698
+  - noazarur-microsoft
 
 ---
 # Checkbox modern control in Power Apps (preview)
@@ -25,26 +26,58 @@ contributors:
 A control that the user can select or clear to set its value to **true** or **false**.
 
 ## Description
-The user can specify a Boolean value by using this familiar control, which has been used in GUIs for decades.
+The user can specify a Boolean value by using this familiar control that is used in Graphical User Interface (GUI) for decades. The key properties for this control are **Checked**, **Label**, **OnCheck**, and **OnUncheck**.
 
-## Key properties
-**Checked** – The controlled value for the checkbox.
+## General
 
 **Label** – The Checkbox's label.
 
-**Base palette color** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color.  
+**AccessibleLabel** – Label for screen readers.
 
-**Display mode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+**Visible** - Whether a control appears or is hidden. 
 
+## Behavior 
 
-## Additional properties
-**Accessible label** – Label for screen readers.
+**Checked** – The controlled value for the checkbox.
+
+**DisplayMode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+
+## Size and position 
 
 **[X](../properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
 
 **[Y](../properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
 
-**[Size](../properties-text.md)** – The size of the checkbox indicator.
+**Width** - The distance between a control's left and right edges. 
+
+**Height** - The distance between a control's top and bottom edges. 
+
+## Style and theme
+
+**BasePaletteColor** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color. 
+
+**Font** - The name of the family of fonts in which text appears. 
+
+**FontSize** - The font size of the text that appears on a control. If the value is null or zero, then the font size is driven by selected Fluent theme. 
+
+**FontColor** - The color of text in a control. 
+
+**FontWeight** - The weight of the text in a control: Bold, Lighter, Normal, or Semibold. 
+
+**FontItalic** - Whether the text in a control is italic. 
+
+**FontUnderline** - Whether a line appears under the text that appears on a control. 
+
+**FontStrikethrough** - Whether a line appears through the text that appears on a control. 
+
+
+## Additional properties
+
+**OnCheck** - Actions to perform when the user checks the control. 
+
+**OnSelect** - Actions to perform when the user selects a control. 
+
+**OnUncheck** - Actions to perform when the user unchecks the control. 
 
 
 

powerapps-docs/maker/canvas-apps/controls/modern-controls/modern-control-combobox.md

@@ -0,0 +1,85 @@
+---
+title: Combobox modern control in Power Apps
+description: Learn about the details, properties, and examples of the combobox modern control in Power Apps.
+author: noazarur-microsoft
+
+ms.topic: reference
+ms.component: canvas
+ms.date: 3/15/2024
+ms.subservice: canvas-maker
+ms.author: noazarur
+
+
+ms.reviewer: mkaur
+search.audienceType: 
+  - maker
+contributors:
+  - mduelae
+  - noazarur-microsoft
+  
+---
+# Combobox modern control in Power Apps
+
+A control that allows users to make selections from provided choices and supports search and multiple selections. 
+
+## Description
+
+A **Combobox** control allows you to search for items that you select. Single or multi-select mode is configured via the SelectMultiple property. Key properties for this control are Items, DefaultSelectedItems, SelectedItems, SelectMultiple, and IsSearchable.
+
+## General
+
+**Items** – The source of data that contains the items that appear in the control. If the source has multiple columns, set the control's **Value** property to the column of data that you want to show. 
+
+**AccessibleLabel** – Label for screen readers.
+
+**Visible** - Whether a control appears or is hidden.
+
+## Behavior
+
+**SelectMultiple** - Whether the user can select a single item or multiple items. 
+
+**IsSearchable** - Whether the user can search for items before selecting. 
+
+**DisplayMode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled). 
+
+## Size and position 
+
+**[X](../properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
+
+**[Y](../properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
+
+**Width** - The distance between a control's left and right edges. 
+
+**Height** - The distance between a control's top and bottom edges. 
+
+## Style and theme
+
+**BasePaletteColor** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color. 
+
+**Font** - The name of the family of fonts in which text appears. 
+
+**FontSize** - The font size of the text that appears on a control. If the value is null or zero, then the font size is driven by selected Fluent theme. 
+
+**FontColor** - The color of text in a control. 
+
+**FontWeight** - The weight of the text in a control: Bold, Lighter, Normal, or Semibold. 
+
+**FontItalic** - Whether the text in a control is italic. 
+
+**FontUnderline** - Whether a line appears under the text that appears on a control. 
+
+**FontStrikethrough** - Whether a line appears through the text that appears on a control. 
+
+## Additional properties
+
+**OnChange** – Actions to perform when the user changes the value of a control.  
+
+**TextInputPlaceholder** - Instructional text shown to end users when no items are selected. 
+
+**MultiValueDelimiter** -  If a user selects multiple items, you can select what delimiter is added in-between items such as a comma.
+
+**ValidationState** - The control has two states, which are **Error** and **None**. When the error state is selected the control’s border is highlighted in red.
+
+**DefaultSelectedItems** - The initial value of a control before the user specifies a different value. 
+
+

powerapps-docs/maker/canvas-apps/controls/modern-controls/modern-control-dropdown.md

@@ -1,6 +1,6 @@
 ---
 title: Drop down modern control in Power Apps
-description: Learn about the details, properties and examples of the dropdown modern control in Power Apps.
+description: Learn about the details, properties, and examples of the dropdown modern control in Power Apps.
 author: yogeshgupta698
 
 ms.topic: reference
@@ -16,6 +16,7 @@ search.audienceType:
 contributors:
   - mduelae
   - yogeshgupta698
+  - noazarur-microsoft
 
 ---
 # Drop down modern control in Power Apps (preview)
@@ -25,27 +26,43 @@ contributors:
 Select a value from the list of items.
 
 ## Description
-A **Drop down** control conserves screen real estate, especially when the list contains a large number of choices. The control takes up only one line unless the user selects the chevron to reveal more choices.
+A **Drop down** control conserves screen real estate, especially when the list contains a large number of choices. The control takes up only one line unless the user selects the chevron to reveal more choices. The key properties for this control are **Items**, **ValidationState**, and **OnChange**.
 
-## Key properties
+## General
 
 **[Items](../properties-core.md)** – The source of data that contains the items that appear in the control. If the source has multiple columns, set the control's **Value** property to the column of data that you want to show.
 
-**Base palette color** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color.  
+**AccessibleLabel** – Label for screen readers.
 
-**Required** - must fill in field.
+**Visible** - Whether a control appears or is hidden. 
 
-**Display mode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+## Behavior 
 
+**Required** - Can mandate if one must fill in field.
 
-## Additional properties
-**Accessible label** – Label for screen readers.
+**DisplayMode** – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
+
+## Size and position
 
 **[X](../properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
 
 **[Y](../properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
 
-**[Size](../properties-text.md)** – The size of the control on canvas.
+**Width** - The distance between a control's left and right edges. 
+
+**Height** - The distance between a control's top and bottom edges. 
+
+## Style and theme
+
+**BasePaletteColor** - The color palette applied to a control. This impacts all surfaces of the control that render a theme color.  
+
+**FontSize** - The font size of the text that appears on a control. If the value is null or zero, then the font size is driven by selected Fluent theme. 
+
+
+## Additional properties
 
+**OnChange** – Actions to perform when the user changes the value of a control.  
 
+**ValidationState** - The control has two states, which are **Error** and **None**. When the error state is selected the control’s border is highlighted in red. 
 
+**DefaultSelectedItems** - The initial value of a control before the user specifies a different value.