> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/apps.md).

# Apps

- [About](https://docs.devolutions.net/powershell-universal/apps/about.md): Build interactive PowerShell Universal web apps using prebuilt cmdlets and components for tables, data grids, onboarding tools, and management interfaces.
- [Apps](https://docs.devolutions.net/powershell-universal/apps/building-dashboards.md): Create and configure PowerShell Universal apps with New-UDApp, customizing headers, navigation, menus, persistent runspaces, and app token authentication.
- [Components](https://docs.devolutions.net/powershell-universal/apps/components.md): Explore the PowerShell Universal component library for apps, covering data display, visualization, inputs, navigation, layout, and event handlers.
- [Pages](https://docs.devolutions.net/powershell-universal/apps/components/pages.md): Create and configure pages in PowerShell Universal apps, including custom URLs, role based access, navigation layouts, and dynamic titles.
- [Data Display](https://docs.devolutions.net/powershell-universal/apps/components/data-display.md): Browse PowerShell Universal data display components for apps, including alerts, badges, tables, data grids, timelines, tooltips, and typography controls.
- [Alert](https://docs.devolutions.net/powershell-universal/apps/components/data-display/alert.md): Add alert components to PowerShell Universal apps with New-UDAlert, using severity levels, titles, and custom content to communicate messages to users.
- [Badge](https://docs.devolutions.net/powershell-universal/apps/components/data-display/badge.md): Add badge components to PowerShell Universal apps with New-UDBadge, displaying counts or text over icons using customizable primary and secondary colors.
- [Chip](https://docs.devolutions.net/powershell-universal/apps/components/data-display/chip.md): Add chip components to PowerShell Universal apps with New-UDChip, supporting labels, icons, click events, and delete actions for compact user interactions.
- [Data Grid](https://docs.devolutions.net/powershell-universal/apps/components/data-display/data-grid.md): Build advanced data grids in PowerShell Universal apps with New-UDDataGrid, covering filtering, sorting, paging, editing, selection, and custom exports.
- [Date and Time](https://docs.devolutions.net/powershell-universal/apps/components/data-display/date-and-time.md): Format dates and times in PowerShell Universal apps with New-UDDateTime, using DayJS formatting templates and locale settings for browser rendering.
- [Icon](https://docs.devolutions.net/powershell-universal/apps/components/data-display/icon.md): Add FontAwesome icons to PowerShell Universal apps with New-UDIcon, covering icon search, sizing, rotation, borders, and custom CSS styling options.
- [List](https://docs.devolutions.net/powershell-universal/apps/components/data-display/list.md): Build vertical list components in PowerShell Universal apps with New-UDList and New-UDListItem, including icons, subtitles, and click event handlers.
- [Markdown](https://docs.devolutions.net/powershell-universal/apps/components/data-display/markdown.md): Render markdown content as HTML in PowerShell Universal apps with New-UDMarkdown, including guidance for formatting inside New-UDPaper containers.
- [Table](https://docs.devolutions.net/powershell-universal/apps/components/data-display/table.md): Build data tables in PowerShell Universal apps with New-UDTable, covering custom columns, filtering, sorting, paging, exporting, and server-side loading.
- [Timeline](https://docs.devolutions.net/powershell-universal/apps/components/data-display/timeline.md): Display chronological events in PowerShell Universal apps with New-UDTimeline, configuring alternating layouts, colors, and icons for each timeline item.
- [Tooltip](https://docs.devolutions.net/powershell-universal/apps/components/data-display/tooltip.md): Add hover tooltips to PowerShell Universal apps with New-UDTooltip, configuring placement, custom content, and severity-based tooltip types.
- [Tree View](https://docs.devolutions.net/powershell-universal/apps/components/data-display/tree-view.md): Build expandable tree structures in PowerShell Universal apps with New-UDTreeView, supporting static nodes and dynamic loading on node clicks.
- [Typography](https://docs.devolutions.net/powershell-universal/apps/components/data-display/typography.md): Style text in PowerShell Universal apps with New-UDTypography, covering heading variants, colored text, and theme-based styling with the Sx parameter.
- [Data Visualization](https://docs.devolutions.net/powershell-universal/apps/components/data-visualization.md): Browse PowerShell Universal data visualization components for building apps, including ChartJS and Nivo charts, image displays, and interactive maps.
- [Charts](https://docs.devolutions.net/powershell-universal/apps/components/data-visualization/charts.md): Build charts in PowerShell Universal apps with ChartJS and Nivo integrations, covering bar, line, pie, heatmap, network charts, and auto-refresh monitors.
- [Image](https://docs.devolutions.net/powershell-universal/apps/components/data-visualization/image.md): Display images in PowerShell Universal apps with New-UDImage, loading files by URL or local path and customizing width, height, and attributes.
- [Map](https://docs.devolutions.net/powershell-universal/apps/components/data-visualization/map.md): Build interactive maps in PowerShell Universal apps with New-UDMap, configuring base layers, markers, popups, heatmaps, and marker clustering.
- [Feedback](https://docs.devolutions.net/powershell-universal/apps/components/feedback.md): Browse PowerShell Universal feedback components for apps, including backdrops, modals, and progress indicators for communicating loading states.
- [Backdrop](https://docs.devolutions.net/powershell-universal/apps/components/feedback/backdrop.md): Add loading overlays to PowerShell Universal apps with New-UDBackdrop, displaying custom content and closing the backdrop with an OnClick handler.
- [Modal](https://docs.devolutions.net/powershell-universal/apps/components/feedback/modal.md): Add modal dialogs in PowerShell Universal apps to display critical information, request decisions, and control full screen, width, and persistence.
- [Progress](https://docs.devolutions.net/powershell-universal/apps/components/feedback/progress.md): Show circular and linear progress indicators in PowerShell Universal apps to display determinate and indeterminate loading states to users.
- [Skeleton](https://docs.devolutions.net/powershell-universal/apps/components/feedback/skeleton.md): Use skeleton placeholders in PowerShell Universal apps to indicate loading content with circle, text, and rectangle variants plus pulsate or wave animation.
- [Inputs](https://docs.devolutions.net/powershell-universal/apps/components/inputs.md): Explore the input components available in PowerShell Universal apps for collecting and validating user data within dashboards and forms.
- [Autocomplete](https://docs.devolutions.net/powershell-universal/apps/components/inputs/automcomplete.md): Build autocomplete text inputs in PowerShell Universal apps with static or dynamic option lists, icons, and change and enter event handlers.
- [Button](https://docs.devolutions.net/powershell-universal/apps/components/inputs/button.md): Add contained, outlined, icon, and loading buttons in PowerShell Universal apps, including button groups and click event handlers for user actions.
- [Checkbox](https://docs.devolutions.net/powershell-universal/apps/components/inputs/checkbox.md): Configure checkboxes in PowerShell Universal apps with custom icons, label placement, default states, and change event handlers to capture user input.
- [Code Editor](https://docs.devolutions.net/powershell-universal/apps/components/inputs/code-editor.md): Embed the Monaco code editor in PowerShell Universal apps for syntax highlighted code editing, retrieval, and dynamic updates from other components.
- [Date Picker](https://docs.devolutions.net/powershell-universal/apps/components/inputs/date-picker.md): Add date pickers to PowerShell Universal apps and forms with locale, minimum and maximum date ranges, and configurable inline or static views.
- [Editor](https://docs.devolutions.net/powershell-universal/apps/components/inputs/editor.md): Add a block based rich text editor to PowerShell Universal apps for capturing text, links, lists, code, and images with JSON or HTML output.
- [Floating Action Button](https://docs.devolutions.net/powershell-universal/apps/components/inputs/floating-action-button.md): Add floating action buttons to PowerShell Universal apps to highlight the primary action on a screen using small, medium, or large icon buttons.
- [Form](https://docs.devolutions.net/powershell-universal/apps/components/inputs/form.md): Build forms in PowerShell Universal apps that collect, validate, and submit data from textboxes, checkboxes, selects, and other input controls.
- [Radio](https://docs.devolutions.net/powershell-universal/apps/components/inputs/radio.md): Create radio button groups in PowerShell Universal apps to let users pick one option from a set, with default values and change event handlers.
- [Rating](https://docs.devolutions.net/powershell-universal/apps/components/inputs/rating.md): Add star rating inputs to PowerShell Universal apps with configurable maximum values, precision, size, and change event handlers.
- [Select](https://docs.devolutions.net/powershell-universal/apps/components/inputs/select.md): Build select dropdowns in PowerShell Universal apps with grouped options, single or multiple selection, and change event handling.
- [Slider](https://docs.devolutions.net/powershell-universal/apps/components/inputs/slider.md): Add sliders to PowerShell Universal apps for selecting values from a range, with custom minimum, maximum, step size, marks, and range selection.
- [Switch](https://docs.devolutions.net/powershell-universal/apps/components/inputs/switch.md): Add toggle switches to PowerShell Universal apps to turn settings on or off, with change event handlers and value retrieval via Get-UDElement.
- [Textbox](https://docs.devolutions.net/powershell-universal/apps/components/inputs/textbox.md): Add text input fields to PowerShell Universal apps with password, number, and multiline types, masking, icons, and validation event handlers.
- [Time Picker](https://docs.devolutions.net/powershell-universal/apps/components/inputs/time-picker.md): Add time pickers to PowerShell Universal apps with locale support and a 24 hour display option for selecting time values in dashboards.
- [Transfer List](https://docs.devolutions.net/powershell-universal/apps/components/inputs/transfer-list.md): Build transfer list components in PowerShell Universal apps that let users move items between two lists within forms, steppers, and pages.
- [Upload](https://docs.devolutions.net/powershell-universal/apps/components/inputs/upload.md): Add file upload controls to PowerShell Universal apps to process uploaded files up to 2GB in size within forms and steppers.
- [Navigation](https://docs.devolutions.net/powershell-universal/apps/components/navigation.md): Explore navigation components in PowerShell Universal apps, including drawers, menus, links, tabs, and steppers for app navigation.
- [Drawer](https://docs.devolutions.net/powershell-universal/apps/components/navigation/drawer.md): Add a permanent navigation drawer to PowerShell Universal apps that displays a persistent list of links and menu items on the left side.
- [Link](https://docs.devolutions.net/powershell-universal/apps/components/navigation/link.md): Add hyperlinks to PowerShell Universal apps with custom styling, new window behavior, and click event handlers for navigation actions.
- [Menu](https://docs.devolutions.net/powershell-universal/apps/components/navigation/menu.md): Build dropdown menus in PowerShell Universal apps with custom values, button variants, and change event handlers for user selections.
- [Stepper](https://docs.devolutions.net/powershell-universal/apps/components/navigation/stepper.md): Build multi step wizards in PowerShell Universal apps with the Stepper component, including step validation, skipping, and vertical orientation.
- [Tabs](https://docs.devolutions.net/powershell-universal/apps/components/navigation/tabs.md): Organize related content into tabs in PowerShell Universal apps with vertical orientation, icons, and dynamic tab rendering options.
- [Layout](https://docs.devolutions.net/powershell-universal/apps/components/layout.md): Explore layout components in PowerShell Universal apps for arranging content using grids, stacks, and responsive visibility utilities.
- [Grid Layout](https://docs.devolutions.net/powershell-universal/apps/components/layout/grid-layout.md): Design drag and drop grid layouts in PowerShell Universal apps, arranging components visually and persisting user customized layouts.
- [Grid](https://docs.devolutions.net/powershell-universal/apps/components/layout/grid.md): Build responsive grid layouts in PowerShell Universal apps using a 12 column system with configurable spacing, rows, and columns.
- [Hidden](https://docs.devolutions.net/powershell-universal/apps/components/layout/hidden.md): Control component visibility in PowerShell Universal apps across screen breakpoints using up, down, and only responsive hidden utilities.
- [Stack](https://docs.devolutions.net/powershell-universal/apps/components/layout/stack.md): Arrange components in PowerShell Universal apps along a single axis using the Stack component with configurable spacing and direction.
- [Utilities](https://docs.devolutions.net/powershell-universal/apps/components/utilities.md): Explore utility components in PowerShell Universal apps, including head element tags, section protection, and animated transitions for dashboards.
- [Dynamic Regions](https://docs.devolutions.net/powershell-universal/apps/components/utilities/dynamic-regions.md): Reload sections of PowerShell Universal apps on demand with New-UDDynamic, using arguments, auto refresh intervals, and custom loading components.
- [Element](https://docs.devolutions.net/powershell-universal/apps/components/utilities/element.md): Create custom React elements in PowerShell Universal apps with New-UDElement, covering attributes, auto refresh, dynamic updates, and child elements.
- [Error Boundary](https://docs.devolutions.net/powershell-universal/apps/components/utilities/error-boundary.md): Isolate failing components in PowerShell Universal apps with New-UDErrorBoundary to prevent a single error from crashing the entire page.
- [Head Element](https://docs.devolutions.net/powershell-universal/apps/components/utilities/head-element.md): Use the New-UDHelmet cmdlet in PowerShell Universal to inject head tags like script, link, and style elements for loading external JavaScript and CSS.
- [Protect Section](https://docs.devolutions.net/powershell-universal/apps/components/utilities/protect-section.md): Use the Protect-UDSection cmdlet in PowerShell Universal apps to hide sections of dashboard content from users who do not have the required roles.
- [Transitions](https://docs.devolutions.net/powershell-universal/apps/components/utilities/transitions.md): Animate PowerShell Universal app components with New-UDTransition, using collapse, fade, slide, grow, and zoom effects triggered by element state changes.
- [HTML](https://docs.devolutions.net/powershell-universal/apps/components/utilities/html.md): Render static HTML markup in PowerShell Universal apps with New-UDHtml and inject custom head tags like scripts and styles using New-UDHelmet.
- [Surfaces](https://docs.devolutions.net/powershell-universal/apps/components/surfaces.md): Explore surface components in PowerShell Universal apps, such as app bars and cards, for grouping content and actions visually.
- [AppBar](https://docs.devolutions.net/powershell-universal/apps/components/surfaces/appbar.md): Add an app bar to PowerShell Universal apps for branding, navigation, and screen actions, with fixed, sticky, and footer positioning.
- [Card](https://docs.devolutions.net/powershell-universal/apps/components/surfaces/card.md): Build cards in PowerShell Universal apps to display grouped content and actions, with headers, media, footers, and expandable sections.
- [Paper](https://docs.devolutions.net/powershell-universal/apps/components/surfaces/paper.md): Use the New-UDPaper component in PowerShell Universal to create Material Design paper surfaces with elevation, square corners, and custom background colors.
- [Expansion Panel](https://docs.devolutions.net/powershell-universal/apps/components/surfaces/expansion-panel.md): Create expansion panels in PowerShell Universal apps to build lightweight creation and editing flows that stand alone or attach to a card surface.
- [Custom Components](https://docs.devolutions.net/powershell-universal/apps/components/custom-components.md): Build custom PowerShell Universal app components, such as a people picker, by combining built-in components into a single reusable function.
- [Building Custom JavaScript Components](https://docs.devolutions.net/powershell-universal/apps/components/custom-components/building-custom-components.md): Build custom JavaScript and React components for PowerShell Universal apps, covering Webpack bundling, component registration, props, and troubleshooting.
- [Custom Variable Scopes](https://docs.devolutions.net/powershell-universal/apps/custom-variable-scopes.md): Configure cache, page, and session variable scopes in PowerShell Universal apps to share data across endpoints, browser tabs, or a single user session.
- [Custom Frontends](https://docs.devolutions.net/powershell-universal/apps/custom-frontends.md): Build custom frontends for PowerShell Universal with React, Vue, or plain HTML and CSS, then host them as published folders and call PSU API endpoints.
- [Interaction](https://docs.devolutions.net/powershell-universal/apps/interaction.md): Build interactive PowerShell Universal apps using clipboard, download, toast, modal, and JavaScript cmdlets plus PowerShell host features like Read-Host.
- [Role Based Access](https://docs.devolutions.net/powershell-universal/apps/role-based-access.md): Restrict PowerShell Universal apps and pages by role, and use the Roles variable to conditionally show components based on user role membership.
- [Scheduled Endpoints](https://docs.devolutions.net/powershell-universal/apps/scheduled-endpoints.md): Schedule lightweight PowerShell script blocks inside PowerShell Universal apps with New-UDEndpoint to cache data like process lists for faster dashboards.
- [Sessions](https://docs.devolutions.net/powershell-universal/apps/sessions.md): Configure PowerShell Universal app, web server, and IIS session timeouts, plus idle timeout settings, to control how long user sessions stay active.
- [Static Apps](https://docs.devolutions.net/powershell-universal/apps/static-apps.md): Publish static PowerShell Universal apps with Publish-PSUStaticApp to host dashboards on any web server without a PSU backend, understanding key limitations.
- [Themes](https://docs.devolutions.net/powershell-universal/apps/themes.md): Customize PowerShell Universal app themes using Get-UDTheme, MUI palette hashtables, dark and light modes, typography, and component style overrides.
- [Colors](https://docs.devolutions.net/powershell-universal/apps/themes/colors.md): Set component colors in PowerShell Universal apps using hex values, RGB strings, or named colors through the Color parameter on supported cmdlets.
- [Cascading Style Sheets](https://docs.devolutions.net/powershell-universal/apps/themes/cascading-style-sheets.md): Add custom CSS stylesheets to PowerShell Universal dashboards through published folders and the Stylesheets parameter to override Material UI classes.
- [Styles](https://docs.devolutions.net/powershell-universal/apps/themes/styles.md): Style individual PowerShell Universal app components with the New-UDStyle cmdlet, including overriding built-in Material UI classes like MuiAlert.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/apps.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.