LogoLogo
  • Getting Started
    • Overview
    • Download components
    • Installing Components
    • Using a component
    • lowcodera App Tokens
  • UI Components
    • lowcodera UI Assets
    • Button
    • Card
    • Date time picker
    • Dropdown Menu
    • Horizontal Navbar
    • Icon
    • PowerGrid
    • Progress Bar
    • TextBox
    • Vertical Navbar
  • Visualization Components
  • Area Chart
  • Bar Chart
  • Column Chart
  • Donut Chart
  • Heatmap Chart
  • Kanban Board
  • Swimlane
  • Line Chart
  • Mixed Chart
  • Pie Chart
  • Polar Chart
  • Radar Chart
  • Radial Chart
  • Strategic Roadmap
  • Scatter Chart
  • Timeline Chart
  • Properties Reference
    • UI Component Properties
    • Chart Component Properties
    • Navbar Schema
  • Page 1
Powered by GitBook
On this page
  • Purpose
  • Button Variations
  • Component Properties
  • Examples
  • Filled Buttons
  • Outline Buttons
  • Icons Only Buttons
  • Fill and Outline Buttons with Icons

Was this helpful?

  1. UI Components

Button

lowcodera Button Component

Previouslowcodera UI AssetsNextCard

Last updated 1 year ago

Was this helpful?

Purpose

Quickly add professional looking buttons to your Power Apps with the lowcodera button component. Take advantage of several built-in features such as support for icons, predefined styles and different themes. Customize font sizes, button rounding and choose whether the button should be clickable

Button Variations

‌There are several variations of the button with different configuration properties.

  • Filled Buttons

  • Outline Buttons

  • Icons only Buttons‌

  • Fill and Outline Buttons with Icons

Component Properties

The properties below are the main ones which change this components appearance and behaviors.

Control Property

Description

Accepted Values

Required

Label

Property to set text for your button control

Text

Yes

Type

Property to choose button type.

Default

Outline

X

BorderRadius

Property to set Radius for our button.

Numeric

X

Examples

Filled Buttons

Once we configure our button and we want to write some events, we need to use OnChange Event of the button

Navigate(Home)

Outline Buttons

Once we configure our button and we want to write some events, we need to use OnChange Event of the button

Navigate(Home)

Icons Only Buttons

Once we configure our button and we want to write some events, we need to use OnChange Event of the button

Navigate(Home)

Fill and Outline Buttons with Icons

Once we configure our button and we want to write some events, we need to use OnChange Event of the button

Navigate(Home)

See the for a reference of wider properties.

IconName is to set as icon name (e.g. comments, phone, map, globe, fire)

IconName is to set as icon name (e.g. comments, info)

general properties for UI components
font-awesome
font-awesome