Code Components for Model-Driven Apps

Power Apps component framework gives developers the ability to extend the visualizations in model-driven apps. Professional developers can create, debug, import, and add code components to model-driven apps using Microsoft Power Platform CLI.

Component Usage

You can add code components to:

Columns
Grids
Sub grids

in model-driven apps.

Important: Power Apps component framework is enabled for model-driven apps by default. See Code components for canvas apps to learn how to enable Power Apps component framework for canvas apps.

Implementing Code Components

Before you start creating code components, make sure that you have installed all the prerequisites that are required to develop components using Power Apps component framework.

The create your first code component article demonstrates the step-by-step process to create code components.

Add Code Components to Model-Driven Apps

To add code components to a column or a table in model-driven apps, see Add code components to model-driven apps.

Examples

Linear Slider Control:

Add linear slider control

Data Set Grid Component:

Data Set Grid component

Update Existing Code Components

Whenever you update the code components and want to see the changes in runtime, you need to bump the version property in the manifest file.

Best Practice: It is recommended to always bump the version of the component whenever you make changes.