Getting Started

Getting Started

This guide gets you from zero to your first Power Components Kit (PCK) component in a Power App. No coding required.

Prerequisites

• Power Apps license — You need access to Power Apps (included with many Microsoft 365 plans or as a standalone license).
• Environment — A Power Platform environment where you can import solutions (e.g. Dev, Sandbox, or Production). Your admin may need to grant you Environment Maker or System Administrator rights to import a solution.
• PCK solution file — The .zip file for the component(s) you want to use (from your purchase or the free Star Rating download).

Tip

What’s an environment? Environments are containers for your apps, data, and solutions. You might have one for development and another for production. Make sure you import PCK into the environment where you build or run your apps.

Step 1: Import the PCK solution

1. Sign in to make.powerapps.com.
2. In the left navigation, select Solutions.
3. On the command bar, select Import solution.
4. Select Browse and choose the PCK solution .zip file you downloaded.
5. Select Next, review the details, then select Import.
6. When the import finishes, optionally select Publish all customizations so the components are immediately available.

Tip

If import fails with a permissions error, see Import and Permissions for who can import and what roles are needed.

Step 2: Add your first component (Canvas app)

We’ll add the Star Rating component as an example. The steps are the same for other PCK components.

1. Open or create a Canvas app in Power Apps Studio.
2. On the left, select Insert (the + icon).
3. Scroll to the Custom section or select Get more components.
4. Find PCK.StarRating (or the component you want) and select it to add it to the screen.
5. With the component selected, use the Properties pane on the right to set options (e.g. TotalStars, Value).
6. To save the selected rating in your app, set the component’s Value property to a variable or column (e.g. galRating.Selected.Rating), and use StarRating1.Value in formulas when you need the current value.

Select File → Save and then Publish when you’re ready.

Next steps

• Use in Canvas apps — Using Components in Canvas Apps: bind properties, read output (e.g. MaskedInput1.Value), and tips for layout and theme.
• Use in Model-Driven apps — Using Components in Model-Driven Apps: add a control to a form column and configure it for Web, Phone, and Tablet.
• Component reference — Browse Components for property tables and usage for each PCK component.