Component Guides

Learn how to implement and customize specific PowerLibs components with step-by-step tutorials and best practices.

Available Tutorials

Navigation & Layout

  • Navigation Bars - Professional app headers with logos and user profiles
  • Sidebars - Navigation sidebars and side menus for app organization
  • Tabs - Tab navigation for multi-section interfaces
  • App Shells - Complete app layouts and shell templates

Interactive Components

  • Buttons - Professional buttons with various styles and states
  • Button Group - Grouped button sets for related actions
  • Dropdowns - Dropdown menus and selection components
  • Modal Dialogs - Modal dialogs, confirmations, and overlays

Content Display

  • Cards - Professional card components for content display
  • Accordions - Collapsible content sections and lists
  • Gallery - Image galleries and media displays
  • Badge - Status indicators and informational labels

Form Elements

  • Input Fields - Form input components for data collection
  • Toggles - Switch controls for binary choices and settings

Feedback & Notifications

  • Toast - Temporary notification messages and alerts
  • Animations - Animated progress bars and visual effects

Specialized Components

  • Drawer - Slide-out panels for additional content
  • Speed Dial - Floating action buttons with quick actions

Advanced Topics

How to Use These Guides

Each component guide includes:

  • Step-by-step implementation - From selection to Power Apps integration
  • Customization examples - Real-world styling and configuration options
  • Best practices - Professional tips for optimal user experience
  • Common use cases - When and how to use each component type

Need More Help?

PowerLibs - 70+ Power Apps Components with Copy-Paste YAML Code