Merge pull request #156 from FlutterFlow/pinkesh/fix-broken-links-2

Fix broken links and spelling correction

Author: leighajarett

docs/ff-concepts/adding-customization/custom-files.md

@@ -36,7 +36,7 @@ color for the mobile app. Here's how it looks:
 
 To do so, you can edit *main.dart* file by following the steps below:
 
-1. Create a [Custom Action](custom-actions.md#custom-actions) for the code you want to include in a `main.
+1. Create a [Custom Action](custom-actions.md) for the code you want to include in a `main.
    dart` file. For this 
    example, here's code in a custom action named 'setStatusbarColor'.
 

docs/ff-concepts/adding-customization/vscode-extension.md

@@ -160,7 +160,7 @@ When working with custom code, it's important to test your implementations. We r
 
 You can then choose to test your app from FlutterFlow, using a [Test Mode session](https://docs.flutterflow.io/testing/run-your-app/#test-mode) or [Local Run](https://docs.flutterflow.io/testing/local-run), or run your app locally from Visual Studio Code.
 
-Before testing from FlutterFlow, ensure you’ve [pushed your changes](#pushing-changes-from-visual-studio-code).
+Before testing from FlutterFlow, ensure you’ve [pushed your changes](#push-changes-to-flutterflow).
 
 To run your project from Visual Studio Code, make sure the Flutter extension is installed. Once set up, you can simply click the Run (play) button. For further details, refer to [Flutter’s official documentation](https://docs.flutter.dev/tools/vs-code#running-and-debugging).
 

docs/ff-concepts/navigation-routing/bottom-sheet.md

@@ -88,7 +88,7 @@ You can also create one from the 'BottomSheet' [**templates**](../../resources/u
 
     ![Set Background and Barrier color](imgs/bottom-sheet-background-color.png)
 
-9. You can also [pass parameters](../../resources/ui/components/using-components.md#pass-down-values) to a bottom sheet component.
+9. You can also [pass parameters](../../resources/ui/components/creating-components.md#creating-a-component-parameter) to a bottom sheet component.
 10. By default, this type of action blocks the following action (if any) from triggering while this action is in progress. (i.e., meaning the bottom sheet is present on the screen). However, in some cases, you might want to allow the next action (after this) to execute, for example, making an API call immediately after showing the bottom sheet. To do so, enable **Non Blocking** option.
 11. By default, **Non Dismissble** option closes the bottom sheet when you click outside of it. To disable this behavior, enable this option.
 12. With **Enable Drag** option, you can open and close the bottom sheet using a swipe gesture.

docs/ff-integrations/payments/braintree.md

@@ -183,7 +183,7 @@ Make sure the user is authenticated before triggering the Braintree Payment Acti
 If you want to keep only the Credit Card option on your checkout page, you'll need to add the **CreditCardFrom** widget to the page. Follow the steps below:
 
 1. Select the **Payment Method** as ***Credit Card***.
-2. Drag and drop the [**CreditCardFrom**](../../resources/ui/components/built-in-components/creditcardform.md) widget onto the canvas.
+2. Drag and drop the [**CreditCardFrom**](../../resources/ui/widgets/built-in-widgets/creditcardform.md) widget onto the canvas.
 3. You can modify the design of the form widget as per your app's needs.
 4. Again select the **checkout button** to complete defining the Action.
 5. Enter the **Currency Code** and you can define the optional attributes like **Tax Rate Percentage** and **Shipping Cost**.

docs/ff-integrations/streaming/mux/integrate-mux.md

@@ -437,7 +437,7 @@ To customize a button that allows you to start a stream:
    under the **Start Button Style** section.
 
 3. To change the button's text, open the **Start Button Text** section and set the **Text**. You can
-   also [customize the text](../../../resources/ui/widgets/widget-commonalities.md#styling-text) if
+   also [customize the text](../../../resources/ui/widgets/basic-widgets/text.md#common-text-styling-properties) if
    needed.
 
 4. To change the button's icon, open the **Start Button Icon** section and select the new icon. You

docs/resources/control-flow/backend-logic/api/streaming-api.md

@@ -102,7 +102,7 @@ The user interface includes a section for the average rating, and number of revi
 * [**Text Widget**](../../../ui/widgets/basic-widgets/text.md): 
   Displays 
   the AI-generated summary of the reviews and a list of the positive and negative points mentioned in the reviews.
-* [**Chart (Bar chart) Widget**](../../../ui/components/built-in-components/chart/bar-chart.md): Visual representation of the sentiment distribution (positive, neutral, negative) in a bar chart.
+* [**Chart (Bar chart) Widget**](../../../ui/widgets/built-in-widgets/chart/bar-chart.md): Visual representation of the sentiment distribution (positive, neutral, negative) in a bar chart.
 
 <p></p>
 ![streaming-api-example-demo.png](../imgs/streaming-api-example-demo.png)

docs/resources/data-representation/custom-data-types.md

@@ -64,7 +64,7 @@ To create a custom data type, specify its name and the corresponding fields. Eac
 
 ## Accessing Custom Data Type
 
-After creating the custom data type, you can use it to create variables, such as an app state variable, and then access them. Here's an [example](app-state.md#working-with-app-state-variables).
+After creating the custom data type, you can use it to create variables, such as an app state variable, and then access them. Here's an [example](app-state.md#app-state-variables).
 
 ### Custom Data Type in Custom Code
 Sometimes, you might want to access the custom data type in your custom code. Our custom code editor allows you to receive and pass data into a variable of a custom data type. For example, you could manipulate or analyze the data as needed, and then return the modified result in the custom data type. 

docs/resources/ui/components/creating-components.md

@@ -226,7 +226,7 @@ Aside from standard data types used throughout FlutterFlow, you can also create
 
 - **Action (callback)**: This allows component users to pass in actions into the component. The component can then invoke the action, usually referred to as a callback, in its own action flows. Callbacks are often using to handle events, like updating a parent's state when a button has been pressed. [You can learn more about how to use callbacks here.](/resources/ui/components/callbacks)
 
-- **Widget Builders**: Widget builders allow the component users to pass in widgets to be used within the component's widget tree. This is especially useful when you want users to dynamically subsitute content for some part of a component - like displaying an item in a custom dropdown, or creating a component for some consistent layout. [You can learn more about how to use Widget Builders here.](/resources/ui/components/widget-builder-parameters)
+- **Widget Builders**: Widget builders allow the component users to pass in widgets to be used within the component's widget tree. This is especially useful when you want users to dynamically subsitute content for some part of a component - like displaying an item in a custom dropdown, or creating a component for some consistent layout. [You can learn more about how to use Widget Builders here.](widget-builder-parameters.md)
 
 
 ### Actions

docs/resources/ui/components/using-components.md

@@ -8,7 +8,7 @@ sidebar_position: 2
 Components in FlutterFlow can be added to the widget tree of a page or another component. They help streamline
 development by allowing you to reuse design and functionality throughout your app. Components can
 accept parameters, making them adaptable to specific contexts. Additionally, you can use [callbacks](/resources/ui/components/callbacks)
-to pass actions from parent entities to child components, enabling dynamic and interactive behavior. You can also use [widget builders](/resources/ui/components/widget-builder-parameters) to subsitute dynamic content into the component's widget tree.
+to pass actions from parent entities to child components, enabling dynamic and interactive behavior. You can also use [widget builders](widget-builder-parameters.md) to subsitute dynamic content into the component's widget tree.
 
 To learn more about creating components, see [this page](/resources/ui/components/creating-components).
 

docs/resources/ui/components/widget-builder-parameters.md

@@ -8,7 +8,7 @@ slug: widget-builder
 
 Sometimes, you want to create a component that offers some consistent design, while also allowing for customization. This is where passing widget builder as parameters becomes valuable. 
 
-Widget builder parameters allow component authors to subsitute in dynamic content within the widget tree of the component. This means that when someone uses the component, they can dynamically pass in pieces of UI to be used within the component. 
+Widget builder parameters allow component authors to substitute in dynamic content within the widget tree of the component. This means that when someone uses the component, they can dynamically pass in pieces of UI to be used within the component. 
 
 For example, consider a custom dropdown component. While the overall structure of the dropdown remains the same, you might need to change the style or content of the dropdown items based on different use cases. By passing the dropdown item widget as a parameter, you can use the dropdown's appearance and behavior without creating new components for each variation.
 
@@ -27,7 +27,7 @@ Let’s see an example from an eCommerce app. On the shipping address page, you
 To create a component with a widget builder as a parameter, use the steps outlined below. 
 
 ### Create a Parameter of Type Widget Builder
-Create a new component and add the base widgets that will be unmodified. Next, define a parameter and set its type to **Widget Builder**. To [pass data from the current component to the widget builder](#pass-parameter-from-component-to-widget-builder), you can specify a parameter for the widget builder.
+Create a new component and add the base widgets that will be unmodified. Next, define a parameter and set its type to **Widget Builder**. To pass data from the current component to the widget builder, you can specify a parameter for the widget builder.
 
     <div style={{
         position: 'relative',