# UI Building Blocks

- [Design System](https://docs.digia.tech/ui-building-blocks/design-system.md)
- [Colors](https://docs.digia.tech/ui-building-blocks/design-system/colors.md)
- [Typography](https://docs.digia.tech/ui-building-blocks/design-system/typography.md)
- [Pages](https://docs.digia.tech/ui-building-blocks/pages.md)
- [Components](https://docs.digia.tech/ui-building-blocks/components.md)
- [Layout System](https://docs.digia.tech/ui-building-blocks/layout-system.md)
- [Widget Catalog](https://docs.digia.tech/ui-building-blocks/widgets.md)
- [Layout & Structure](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets.md)
- [Container](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/container.md)
- [Row & Column](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/flex.md)
- [Stack](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/stack.md)
- [Wrap](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/wrap.md)
- [Sized Box](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/sized-box.md)
- [Safe Area](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/safe-area.md)
- [Scaffold](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/scaffold.md)
- [AppBar](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/appbar.md)
- [Overlay](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/overlay.md)
- [Conditional Builder](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/conditional-builder.md)
- [Expandable](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/expandable.md)
- [Content & Display](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets.md)
- [Text](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/text.md)
- [Rich Text](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/rich-text.md)
- [Image](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/image.md)
- [Icon](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/icon.md)
- [Avatar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/avatar.md)
- [Carousel](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/carousel.md)
- [Circular Progress Bar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/circular-progress-bar.md)
- [Linear Progress Bar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/linear-progress-bar.md)
- [Dividers](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/dividers.md)
- [Markdown](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/markdown.md)
- [Web View](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/web-view.md)
- [YouTube Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/youtube-player.md)
- [Video Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/video-player.md)
- [Story](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/story.md)
- [Story Video Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/story-video-player.md)
- [Input & Forms](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets.md)
- [Scratch Card](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/scratch-card.md)
- [Button](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/button.md)
- [Checkbox](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/checkbox.md)
- [Switch](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/switch.md)
- [Text Form Field](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/text-form-field.md)
- [PinField](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/pinfield.md)
- [Calendar](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/calendar.md)
- [Range Slider](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/range-slider.md)
- [Slider](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/slider.md)
- [State Container](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/state-container.md)
- [Timer](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/timer.md)
- [Navigation Widgets](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets.md)
- [Navigation Bar](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar.md)
- [Navigation Bar Item](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-item.md)
- [Navigation Bar Custom](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-custom.md)
- [Navigation Bar Item Custom](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-item-custom.md)
- [Tab Bar](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-bar.md)
- [Tab View Content](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-view-content.md)
- [Tab Controller](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-controller.md)
- [Page View](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/page-view.md)
- [Scrolling Widgets](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets.md)
- [ListView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/listview.md)
- [GridView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/gridview.md)
- [Masonry Grid](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/masonry-grid.md)
- [Smart Scroll View](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/smart-scroll-view.md)
- [Smart Scroll Group](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/smart-scroll-group.md)
- [Pinned Header](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/pinned-header.md)
- [Paginated ListView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/paginated-listview.md)
- [Refresh Indicator](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/refresh-indicator.md)
- [Media & Async](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets.md)
- [HTML View](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/htmlview.md)
- [Lottie Animation](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/lottie-animation.md)
- [Future Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/future-builder.md)
- [Stream Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/stream-builder.md)
- [Animation Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/animation-builder.md)
- [Animated Switcher](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/animated-switcher.md)
- [Opacity](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/opacity.md)
- [Default Properties](https://docs.digia.tech/ui-building-blocks/widgets/default-properties.md)
- [Widget Commonalities](https://docs.digia.tech/ui-building-blocks/widgets/widget-commonalities.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.digia.tech/ui-building-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.