Merge pull request #1666 from MicrosoftDocs/master

Publish: Behavior formulas for components

Author: AFTOwen

powerapps-docs/maker/TOC.yml

@@ -756,7 +756,11 @@
     - name: Let customers test drive your apps
       href: ./canvas-apps/dev-appsource-test-drive.md
     - name: Create a component
-      href: ./canvas-apps/create-component.md
+      items:
+        - name: Overview
+          href: ./canvas-apps/create-component.md
+        - name: Behavior formulas
+          href: ./canvas-apps/component-behavior.md
     - name: Embed canvas apps in your applications
       href: ./canvas-apps/embedding-sdk.md
 - name: Model-driven apps

powerapps-docs/maker/canvas-apps/component-behavior.md

@@ -0,0 +1,32 @@
+---
+title: Behavior formulas for components | Microsoft Docs
+description: Trigger an app to perform one or more tasks when a component-based action occurs.
+author: yifwang
+ms.service: powerapps
+ms.topic: article
+ms.date: 05/24/2019
+ms.author: yifwang
+search.audienceType:
+  - maker
+search.app:
+  - PowerApps
+---
+
+# Behavior formulas for components
+
+> [!IMPORTANT]
+> This feature is still experimental and disabled by default. For more information, see [Experimental and preview features](working-with-experimental.md).
+
+Specify one or more [behavior formulas](working-with-formulas-in-depth.md) that run when an event triggers a change in component instances. For example, set a component's **OnReset** property to one or more formulas that perform initialization, clear input, and reset values when the **Reset** function runs on the component instances.
+
+## OnReset ##
+
+With a component selected, select **OnReset** in the drop-down list of properties (on the right side of the formula bar), and then enter one or more formulas.
+
+> [!div class="mx-imgBorder"]
+> ![OnReset example](./media/component-behavior/example-onreset.png)
+
+To test **OnReset**, configure a control to reset the component. For example, set the **OnSelect** property of a button to this formula: **Reset**(*ComponentName*)
+
+> [!div class="mx-imgBorder"]
+> ![Reset button](./media/component-behavior/reset-button.png)