Add tags to widgets so they can available in tag pages.

PoojaB26 · PoojaB26 · commit 3fcd4b406bd4 · 2024-07-30T02:43:49.000+05:30
diff --git a/docs/ff-concepts/layout/building-layout.md b/docs/ff-concepts/layout/building-layout.md
@@ -9,17 +9,17 @@ keywords: [FlutterFlow, Building Layout, Concepts]
 
 # Building Layout
 
-In FlutterFlow, you build a page layout using Widgets. **Widgets**, such as [Text](../../resources/ui/widgets/built-in-widgets/text.md), [Buttons](#), [Images](#), and [Icons](#), are visible on the screen. Others, like [Containers](#), [Rows](#), [Columns](#), and [Stacks](#), are not directly visible but help arrange and position the visible elements on the page.
+In FlutterFlow, you build a page layout using Widgets. **Widgets**, such as [Text](../../resources/ui/widgets/built-in-widgets/text.md), [Buttons](../../resources/ui/widgets/built-in-widgets/button.md), [Images](#), and [Icons](../../resources/ui/widgets/built-in-widgets/icons.md), are visible on the screen. Others, like [Containers](../../resources/ui/widgets/built-in-widgets/container.md), [Rows](#), [Columns](#), and [Stacks](#), are not directly visible but help arrange and position the visible elements on the page.
 
-These widgets are categorized into four main types: [Layout Elements](#), [Base Elements](#), 
-[Page Elements](#), and [Form Elements](#). To build a page, you combine different widgets from these categories to get the desired look and feel of your app.
+These widgets are categorized into four main types: [Layout Elements](/tags/layout-elements), [Base Elements](/tags/base-elements), 
+[Page Elements](/tags/page-elements), and [Form Elements](/tags/form-elements). To build a page, you combine different widgets from these categories to get the desired look and feel of your app.
 
 ## Understanding layout concept
 
 One of the most common layout patterns is to arrange widgets either **vertically** or **horizontally**. To display widgets in a vertical layout, use the **Column** widget. For a horizontal layout, use the **Row** widget. If you need to place one widget on top of another, use the **Stack** widget.
 
 :::info
-**Composing widgets** is a fundamental aspect of creating layouts in FlutterFlow. It involves combining different widgets to form a cohesive and functional user interface. Understanding how to effectively compose widgets allows you to design complex layouts and create intuitive, user-friendly apps. Learn more about composing widgets [**here**](#).
+**Composing widgets** is a fundamental aspect of creating layouts in FlutterFlow. It involves combining different widgets to form a cohesive and functional user interface. Understanding how to effectively compose widgets allows you to design complex layouts and create intuitive, user-friendly apps. Learn more about composing widgets [**here**](../../resources/ui/widgets/composing-widgets.md).
 
 :::
 
@@ -155,13 +155,13 @@ The review section consists of multiple different widgets. First, add a Column t
 
 Apart from Row, Column, and Stack widgets, there are some other widgets that are widely used for building the page layout. Here are some of them:
 
-- [Container](#)
-- [Card](#)
-- [ListView](#)
-- [GridView](#)
-- [TabBar](#)
-- [PageView](#)
-- [Form](#)
+- [Container](../../resources/ui/widgets/built-in-widgets/container.md)
+- [Card](../../resources/ui/widgets/built-in-widgets/card.md)
+- [ListView](../../resources/ui/widgets/built-in-widgets/list-grid.md)
+- [GridView](../../resources/ui/widgets/built-in-widgets/list-grid.md)
+- [TabBar](../../ff-concepts/navigation-routing/special-page-navigation/tabbar-widget.md)
+- [PageView](../../ff-concepts/navigation-routing/special-page-navigation/pageview-widget.md)
+- [Form](../../resources/control-flow/user-interactivity/forms/forms.md)
 
 ## Video guides
 
diff --git a/docs/ff-concepts/navigation-routing/special-page-navigation/pageview-widget.md b/docs/ff-concepts/navigation-routing/special-page-navigation/pageview-widget.md
@@ -2,7 +2,7 @@
 slug: /concepts/navigation/pageview
 title: PageView
 description: Learn how to use the PageView widget for creating swipeable pages, perfect for creating onboarding screens or multi-step forms.
-tags: [PageView, FlutterFlow, UI, Widgets]
+tags: [PageView, FlutterFlow, UI, Widgets, Layout Elements]
 sidebar_position: 2
 keywords: [PageView, FlutterFlow, UI, Widgets]
 ---
diff --git a/docs/resources/ui/components/built-in-components/badge.md b/docs/resources/ui/components/built-in-components/badge.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # Badge
 
diff --git a/docs/resources/ui/components/built-in-components/barcode.md b/docs/resources/ui/components/built-in-components/barcode.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 
 
diff --git a/docs/resources/ui/components/built-in-components/calendar.md b/docs/resources/ui/components/built-in-components/calendar.md
@@ -1,7 +1,7 @@
 ---
 slug: calendar
 title: Calendar
-tags: []
+tags: [Base Elements]
 description: Learn how to add Calendar widget in your FlutterFlow project.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/carousel.md b/docs/resources/ui/components/built-in-components/carousel.md
@@ -1,7 +1,7 @@
 ---
 slug: carousel
 title: Carousel
-tags: []
+tags: [Layout Elements]
 description: Learn how to add Carousel widget in your FlutterFlow project.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/chart/chart.md b/docs/resources/ui/components/built-in-components/chart/chart.md
@@ -1,7 +1,7 @@
 ---
-slug: overview
+slug: chart
 title: Chart
-tags: []
+tags: [Base Elements]
 description: Learn how to add Chart widget in your FlutterFlow project.
 sidebar_position: 1
 ---
diff --git a/docs/resources/ui/components/built-in-components/choicechips.md b/docs/resources/ui/components/built-in-components/choicechips.md
@@ -1,7 +1,7 @@
 ---
 slug: choice-chips
 title: ChoiceChips
-tags: []
+tags: [Form Elements]
 description: Learn how to add ChoiceChips in your FlutterFlow app.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/count-controller.md b/docs/resources/ui/components/built-in-components/count-controller.md
@@ -1,7 +1,7 @@
 ---
 slug: count-controller
 title: CountController
-tags: []
+tags: [Form Elements]
 description: Learn how to add CountController in your FlutterFlow app.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/creditcardform.md b/docs/resources/ui/components/built-in-components/creditcardform.md
@@ -1,7 +1,7 @@
 ---
 slug: credit-card-form
 title: CreditCardForm
-tags: []
+tags: [Form Elements]
 description: Learn how to add CreditCardForm in your FlutterFlow app.
 ---
 # CreditCardForm
diff --git a/docs/resources/ui/components/built-in-components/datatable.md b/docs/resources/ui/components/built-in-components/datatable.md
@@ -1,7 +1,7 @@
 ---
 slug: datatable
 title: DataTable
-tags: []
+tags: [Layout Elements]
 description: Learn how to add DataTable widget in your FlutterFlow project.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/draggable.md b/docs/resources/ui/components/built-in-components/draggable.md
@@ -1,3 +1,7 @@
+---
+tags: [Base Elements]
+---
+
 # Draggable + DragTarget
 
 The Draggable widget is used to make a widget that can be dragged and dropped to a different location within the app. It allows users to interact with the app by moving an item using touch gestures or a mouse. The DragTarget widget is used in conjunction with the Draggable widget to specify where a dragged item can be dropped. It creates a region that can accept the data carried by the Draggable widget.
diff --git a/docs/resources/ui/components/built-in-components/expandable.md b/docs/resources/ui/components/built-in-components/expandable.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Layout Elements]
+---
 
 # Expandable 
 
diff --git a/docs/resources/ui/components/built-in-components/markdown.md b/docs/resources/ui/components/built-in-components/markdown.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # Markdown
 
diff --git a/docs/resources/ui/components/built-in-components/pincode.md b/docs/resources/ui/components/built-in-components/pincode.md
@@ -1,7 +1,7 @@
 ---
 slug: pincode
 title: PinCode
-tags: [FlutterFlow, PinCode, Form Widget, App Development]
+tags: [PinCode, Form Elements]
 keywords: [FlutterFlow, PinCode, Form Widget, App Development, Input Field, Flutter]
 description: Learn how to add the PinCode widget in your FlutterFlow app.
 ---
diff --git a/docs/resources/ui/components/built-in-components/progressbar.md b/docs/resources/ui/components/built-in-components/progressbar.md
@@ -1,7 +1,7 @@
 ---
 slug: progressbar
 title: ProgressBar
-tags: []
+tags: [Form Elements]
 description: Learn how to add ProgressBar widget in your FlutterFlow project.
 ---
 
diff --git a/docs/resources/ui/components/built-in-components/ratingbar.md b/docs/resources/ui/components/built-in-components/ratingbar.md
@@ -1,7 +1,7 @@
 ---
 slug: ratingbar
 title: RatingBar
-tags: [FlutterFlow, RatingBar, Form Widget, App Development]
+tags: [RatingBar, Form Elements]
 keywords: [FlutterFlow, RatingBar, Form Widget, App Development, Input Field, Flutter]
 description: Learn how to add RatingBar in your FlutterFlow app.
 ---
diff --git a/docs/resources/ui/components/built-in-components/slider.md b/docs/resources/ui/components/built-in-components/slider.md
@@ -1,7 +1,7 @@
 ---
 slug: slider
 title: Slider
-tags: [FlutterFlow, Slider, Form Widget, App Development]
+tags: [Slider, Form Elements]
 keywords: [FlutterFlow, Slider, Form Widget, App Development, Input Field, Flutter]
 description: Learn how to add Slider in your FlutterFlow app.
 ---
diff --git a/docs/resources/ui/components/built-in-components/sticky-header.md b/docs/resources/ui/components/built-in-components/sticky-header.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # StickyHeader
 
diff --git a/docs/resources/ui/components/built-in-components/swipeablestack.md b/docs/resources/ui/components/built-in-components/swipeablestack.md
@@ -1,7 +1,7 @@
 ---
 slug: swipeable-stack
 title: SwipeableStack
-tags: []
+tags: [Layout Elements]
 description: Learn how to add SwipeableStack widget in your FlutterFlow project.
 ---
 
diff --git a/docs/resources/ui/overview.md b/docs/resources/ui/overview.md
@@ -120,7 +120,7 @@ Common layout elements include:
 | **Stack**     | Layers its child widgets on top of each other, allowing for overlapping elements.                                         | <img src="/img/widgets/stack-example.png" width="400px" /> |
 | **Container** | Provides a box model for a single child widget, with optional padding, margins, borders, box shadow and background color. | <img src="/img/widgets/cont-example.png" width="400px" />  |
 
-_Check out the builder for the entire list_
+Find the entire list on this [**index page**](/tags/layout-elements). 
 
 #### Base Elements
 
@@ -136,7 +136,7 @@ Examples include:
 | **Icon**   | Displays icon.                                                                                                                         | <img src="/img/widgets/icon-example.png" width="200px" />   |
 | **Button** | A widget meant to trigger actions and take users to another flow in the app. It can be styled with different colors, borders, and text | <img src="/img/widgets/button-example.png" width="200px" /> |
 
-_...and more._
+Find the entire list on this [**index page**](/tags/base-elements).
 
 #### Page Elements
 
@@ -162,6 +162,8 @@ Examples include:
 | **Radio Button** | Allows users to select one option from a set.                     | <img src="/img/widgets/radio-ex.png" width="150" alt="Radio Button Example" /> |
 | **Dropdown**     | Provides a menu with multiple options where users can select one. | <img src="/img/widgets/dropdwn-ex.png" width="300" alt="Dropdown Example" />   |
 
+Find the entire list on this [**index page**](/tags/form-elements).
+
 Each category in FlutterFlow serves distinct purposes, helping you design both
 the appearance and functionality of your app more efficiently.
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/_category_.json b/docs/resources/ui/widgets/built-in-widgets/_category_.json
@@ -1,3 +1,4 @@
 {
-    "label": "Built-in Widgets"
+    "label": "Built-in Widgets",
+    "position": 6
 }
diff --git a/docs/resources/ui/widgets/built-in-widgets/button.md b/docs/resources/ui/widgets/built-in-widgets/button.md
@@ -1,3 +1,6 @@
+---
+tags: [Base Elements]
+---
 
 # Button 
 The Button widget is a fundamental component in user interface design, utilized extensively across web and mobile applications. It serves as a primary means of user interaction, allowing users to execute actions or commands within an application. Buttons are essential for:
diff --git a/docs/resources/ui/widgets/built-in-widgets/card.md b/docs/resources/ui/widgets/built-in-widgets/card.md
@@ -1,4 +1,7 @@
-
+---
+slug: card
+tags: [Layout Elements]
+---
 
 # Card
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/container.md b/docs/resources/ui/widgets/built-in-widgets/container.md
@@ -1,5 +1,7 @@
 ---
+slug: container
 title: Container
+tags: [Layout Elements]
 ---
 
 # Container
diff --git a/docs/resources/ui/widgets/built-in-widgets/dividers.md b/docs/resources/ui/widgets/built-in-widgets/dividers.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Layout Elements]
+---
 # Dividers
 
 Add a thin horizontal or vertical line, with padding on either side. Customize the color, width 
diff --git a/docs/resources/ui/widgets/built-in-widgets/icons.md b/docs/resources/ui/widgets/built-in-widgets/icons.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # Icons
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/image.md b/docs/resources/ui/widgets/built-in-widgets/image.md
@@ -1,5 +1,6 @@
 ---
 title: Image
+tags: [Base Elements]
 ---
 
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/list-grid.md b/docs/resources/ui/widgets/built-in-widgets/list-grid.md
@@ -1,5 +1,6 @@
 ---
 title: Lists & Grids
+tags: [Layout Elements]
 ---
 
 In FlutterFlow, `ListView` and `GridView` are versatile widgets designed for displaying lists and grids 
diff --git a/docs/resources/ui/widgets/built-in-widgets/mouse-region.md b/docs/resources/ui/widgets/built-in-widgets/mouse-region.md
@@ -1,4 +1,8 @@
 
+---
+tags: [Base Elements]
+---
+
 # MouseRegion
 
 The `MouseRegion` widget lets you know whenever the mouse pointer enters or exits from a widget. You could use it to build a user experience (UX), such as animating buttons when a user hovers over them and revealing or hiding menu items when a user hovers over the menu icon.
diff --git a/docs/resources/ui/widgets/built-in-widgets/spacer.md b/docs/resources/ui/widgets/built-in-widgets/spacer.md
@@ -1,3 +1,7 @@
+---
+tags: [Layout Elements]
+---
+
 # Spacer
 
 The [Spacer widget](https://www.youtube.com/watch?v=7FJgd7QN1zI) is used to insert a flexible empty
diff --git a/docs/resources/ui/widgets/built-in-widgets/text.md b/docs/resources/ui/widgets/built-in-widgets/text.md
@@ -1,3 +1,6 @@
+---
+tags: [Base Elements]
+---
 
 # Text
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/tooltip.md b/docs/resources/ui/widgets/built-in-widgets/tooltip.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # Tooltip
 
diff --git a/docs/resources/ui/widgets/built-in-widgets/transform.md b/docs/resources/ui/widgets/built-in-widgets/transform.md
@@ -1,4 +1,6 @@
-
+---
+tags: [Base Elements]
+---
 
 # Transform
 
diff --git a/docs/resources/ui/widgets/composing-widgets.md b/docs/resources/ui/widgets/composing-widgets.md
@@ -1,6 +1,7 @@
 ---
 title: Composing Widgets
 sidebar_position: 2
+tags: [Layout Elements]
 ---
 
 # Composing widgets
diff --git a/docs/resources/ui/widgets/generate-dynamic-children.md b/docs/resources/ui/widgets/generate-dynamic-children.md
@@ -1,4 +1,7 @@
-
+---
+title: Generating Dynamic Children
+sidebar_position: 3
+---
 
 # Generating Dynamic Children
 
diff --git a/docs/resources/ui/widgets/widget-commonalities.md b/docs/resources/ui/widgets/widget-commonalities.md
@@ -1,3 +1,7 @@
+---
+title: Common Widget Properties
+sidebar_position: 4
+---
 
 # Common Widget Properties
 

-Original file line number
+Diff line change
@@ @@ -1,4 +1,6 @@ @@
+-
 +---
 +tags: [Base Elements]
 +---
 # Badge