Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

illusion615/Power-Apps-UI-Components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

46 Commits

Repository files navigation

Power Apps UI Components

Component Library

Use components library to accelerate the speed of Power Apps development with high quality, by reusing the existing components assets and sharing with the team.

This component library is made for my daily POC projects, and you can use this as example or make your own library.

Hope this could be a good start point for you to quickly understand how components library can benefits your dialy low code development.

Components library includes:

  • TopBanner
  • UserBottomPanel
  • ImageButton
  • Tab
  • GeneralTopBanner
  • GeneralBottomPanel
  • TopPanelWithWaffle
  • Card
  • GeneralCard
  • KPICard
  • UserProfileCard
  • SearchBar

Sample app made with these components

Home Screen

image-20220719211228608

Detail Screen

image-20220719212014688

Installation

  • Download the solution in Release folder.
  • Import solution into your environment.
  • Use these componets in your solutions.

TopBanner

image-20220719184748769

UserBottomPanel

image-20220719184814149

ImageButton

image-20220719222936189

Tab

image-20220719223017904

GeneralTopBanner

image-20220719184939517

GeneralBottomPanel

1649355909739.png

TopPanelWithWaffle

image-20220719223107315

Card

image-20220719222239206

GeneralCard

image-20220719215738817

KPICard

Screen shot

1649355971462.png

Input properties

  • Background Fill - Color
  • KPI - Text
  • KPI Color - Color
  • KPI Font Size - Number
  • KPI Font Weight - FontWeight
  • Title - Text
  • Subtitle - Text
  • Title and Subtitle Font Size - Number
  • Font Color - Color
  • Subtitle Icon Image - Image
  • Subtitle Icon Size - Number
  • Show Icon Instead of Subtitle - Booleana
  • Enable OnClick - Boolean

Behaviours

  • OnClick - Boolean

Output properties

  • N/A

UserProfileCard

Screen shot

image-20220719223152631

SearchBar

Screen shot

image-20220719185726497

Input propoerties

  • Background Fill - Color
  • Font Size - Number
  • Font Weight - Text(Bold,SemiBold, Lighter)
  • Search Hint - Text
  • Button Color - Color
  • Result Count - Number
  • Show Search Result - Boolean
  • Show Refresh Button - Boolean
  • Show Add New Button - Boolean
  • Show Sort Button - Boolean
  • Show Searh Button - Boolean

Behaviors

  • On Add New Clicked - Boolean
  • On Refresh Clicked - Boolean
  • On Search Clicked - Boolean

Output properties

  • Srarch Text - Text
  • Sort Order - SortOrder(Ascending/Descending)

About

A demonstration of how to use Microsoft Power Apps component technology to build a standardized and consistent UI style canvas app in a short time.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /