---
title: "Runtime UI Components"
description: "Browse Runtime UI components and their shared attributes by use case."
permalink: /docs/runtime/all-ui-components/
---
# Runtime UI Components
The Runtime renders the XML components that make up your app's views. Use this reference to find components by use case and explore their syntax, attributes, methods, and examples.
Many components share attributes for data binding, layout, styling, and validation:
## Input
Use input components when users need to enter, select, or capture values.
Enter text or number values.
Select a date from a date picker.
Select a date and time.
Select a time.
Toggle a boolean value.
Select one option from a list.
Select one option using radio controls.
Select multiple values from a list.
Select an object from query results.
Scan or manually enter a barcode.
## Display And Presentation
Use display components to show text, structured details, cards, icons, and static content.
Display heading text.
Display paragraph-style information.
Display key-value details.
Display content about a single topic.
Use icons inside UI components.
Display a static image.
Show a banner-style notification with optional actions.
Display shortcut-style actions.
## Lists, Tables, And Query Results
Use these components when a view needs to show records, query results, repeated content, or tabular data.
Display a customizable list of items or actions.
Display objects from a query as a list.
Display query results in a configurable table.
Repeat a group of components for every item in a query.
Select an item from query results.
## Media, Files, And Device Capture
Use these components to capture or display files, photos, signatures, coordinates, and embedded media.
Capture a photo with the device camera.
Display a captured photo.
Upload or capture a file.
Display or download a file.
Capture a handwritten signature.
Display a captured signature.
Capture coordinates on a map.
Display coordinates and map markers.
Display and interact with a 3D model.
Embed HTML content or an iframe.
## Layout
Use layout components to structure a view and organize more complex screens.
Configure view-level layout and behavior.
Divide a view horizontally into one or more columns.
Arrange content in a grid.
Show sections of a larger workflow.
Reuse component structure inside a view.
## Actions And Overlays
Use these components for user actions, menus, dialogs, and navigation surfaces.
Trigger an action from a button.
Choose an action from a button group.
Select from menu items after triggering an action.
Select an option from a list after triggering an action.
Display text or components in an overlay.
Add menu items to the top-right app menu.
Configure the app navigation drawer.
## Embedded Services
Embed a Power BI chart.
## Related APIs
Some UI workflows are driven by JavaScript or TypeScript APIs instead of XML components.
Capture multiple photos in a single workflow.
Print PDF files using native platform capabilities.
Transfer data while offline.