Add tips to form widget docs that need widget state concepts

Author: PoojaB26

docs/resources/control-flow/user-interactivity/forms/form-widgets/checkbox-group.md

@@ -14,6 +14,10 @@ The CheckboxGroup widget is used to allow a user to select multiple items. The c
 
 You can use the CheckboxGroup widget for implementing multiple selections such as repeating days for alarm, languages a user can speak, and allowing users to select pizza toppings.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding CheckboxGroup
 
 Here's an example of how you can use the CheckboxGroup widget in your project:

docs/resources/control-flow/user-interactivity/forms/form-widgets/dropdown.md

@@ -13,6 +13,10 @@ The DropDown widget enables users to choose from a list of options. It requires
 
 You can use this widget in any situation where you want users to select from a set of options, such as selecting a country, choosing a language, or picking a color.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding DropDown widget
 
 Let's see how to add a *DropDown* widget and build an example that shows the selected value on a Text widget. Here's how it looks:

docs/resources/control-flow/user-interactivity/forms/form-widgets/radiobutton.md

@@ -11,7 +11,11 @@ sidebar_position: 2
 
 The RadioButton widget is used to allow a user to select one option from multiple selections.
 
-You can use the RadioButton widget for implementing a single selection such as gender selection, notification preferences, etc.
+You can use the **RadioButton** widget for implementing a single selection such as gender selection, notification preferences, etc.
+
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
 
 
 ## Adding RadioButton to Your Project

docs/resources/control-flow/user-interactivity/forms/form-widgets/text-field.md

@@ -13,6 +13,10 @@ import TabItem from '@theme/TabItem';
 
 The TextField widget allows users to enter text, numbers, and symbols in your app. You can use the TextField widget to build forms, send messages, dialogs, search, etc.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding TextField widget
 
 Let's see how to add a TextField widget and see an example of displaying its value in an [Alert Dialog](#).

docs/resources/ui/components/built-in-components/choicechips.md

@@ -11,6 +11,9 @@ The ChoiceChips widget allows users to select a single option from a group of ch
 
 You could use this widget to implement a filter feature in an e-commerce app to let users select different product attributes like size, color, or price range.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
 
 ## Adding ChoiceChips widget
 

docs/resources/ui/components/built-in-components/count-controller.md

@@ -11,6 +11,10 @@ The CountController widget is used to increment and decrement the count or numbe
 
 You could use the CountController widget to set the quantity of any product when buying in an e-commerce app.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding CountController to your project
 
 Here's an example of how you can use a CountController widget in your project:

docs/resources/ui/components/built-in-components/creditcardform.md

@@ -7,6 +7,10 @@ description: Learn how to add CreditCardForm in your FlutterFlow app.
 # CreditCardForm
 The CreditCardForm widget allows users to enter their credit card details such as card number, expiry date, and CVV.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding CreditCardForm widget
 
 Here's an example of how you can add the CreditCardForm widget to your project:

docs/resources/ui/components/built-in-components/pincode.md

@@ -9,6 +9,10 @@ description: Learn how to add the PinCode widget in your FlutterFlow app.
 
 The PinCode widget allows you to enter the PIN or OTP. You could use this widget to verify the user identity or a transaction before making payments in fintech apps.
 
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
+
 ## Adding PinCode widget
 
 To add a PinCode widget:

docs/resources/ui/components/built-in-components/slider.md

@@ -11,7 +11,11 @@ description: Learn how to add Slider in your FlutterFlow app.
 
 The Slider widget is used to select a single value from a range of values. You define the min and max value for the slider, and users can choose the value between the specified range by dragging the slider thumb (sliding circle).
 
-For example, you can use the Slider widget to allow users to set the volume, set the donation amount, etc.
+For example, you can use the **Slider** widget to allow users to set the volume, set the donation amount, etc.
+
+:::tip[Widget State]
+Before diving into form widgets, check out our guide on [Widget States](../../../../ff-concepts/state-management/widget-state.md) to efficiently manage the state and behavior of your form elements.
+:::
 
 ## Adding Slider