Using Components

Learn how to work with PowerLibs components - from browsing and customizing to exporting YAML code for your Power Apps.

Overview

PowerLibs components are designed to be simple and intuitive. Each component provides:

• Live Preview - See exactly how your component will look
• Settings Panel - Customize colors, text, and behavior
• YAML Export - Get clean, ready-to-use Power Apps code
• Instructions - Quick reference for implementation

Component Workflow

1. Browse & Select

Start by exploring the component library to find components that match your needs. Components are organized by category for easy discovery.

2. Customize Settings

Use the Settings tab to personalize your component. Change colors, update text, adjust spacing, and configure behavior to match your app's design.

3. Export YAML Code

Switch to the YAML tab to get the generated Power Apps code. Copy it to your clipboard with one click.

4. Import to Power Apps

Paste the YAML code directly into Power Apps Studio using the "Paste code" option in the Tree view.

Component Interface Guide

What's Next?

Once you understand the component interface, explore our Component Guides for step-by-step tutorials on implementing specific component types like navigation bars, modals, and forms.