ui-patterns

title	UI Patterns
description	Multi-control UI patterns, reusable components, dialogs, menus, and theming for Power Apps
category	ui-patterns
tags	patterns components dialogs menus theming
difficulty	intermediate
products	power-apps-canvas
author	PowerAppsDarren
created	2025-12-17
updated	2025-12-17

UI Patterns

Table of Contents

• Directory Structure
• Components
  • Custom Components
  • Code Components (PCF)
• Quick Start
• Related Resources

Reusable UI patterns and components for Power Apps canvas applications.

Directory Structure

Folder	Description
components/	Reusable Power Apps components (custom and code components)
dialogs/	Dialog and modal patterns
menus/	Navigation and menu patterns
theming/	Theming and styling patterns

Components

Custom Components

Canvas app components built with Power Fx for reusability across apps.

Code Components (PCF)

Power Apps Component Framework components using TypeScript/React.

Quick Start

1. Browse the components folder for reusable UI elements
2. Check dialogs for modal and dialog implementations
3. See menus for navigation patterns
4. Review theming for consistent styling approaches

Related Resources

• UI Controls - Individual control snippets
• Visual Assets - Colors, icons, fonts

---

Last updated: 2025-12-17

History

Date	Author	Changes
2026-01-27	Migration	Initial TOC and history section added