Input Fields for Power Apps

Input Fields are the controls a form is made of: single-line text in plain, clearable, email, phone, number, currency and password flavours, a multi-line notes box, a checkbox group and a radio group, and star ratings and sliders in several styles. All of them are Classic controls in your brand colour with the caption and helper text already placed, so a form built from them lines up without nudging. Reach for them when the built-in text input looks bare, or when you want validation, a character counter or a show-password toggle without writing the formulas yourself.

Pick a variant

Component	Plan	What it is for	Settings you can change
Input	Free	A single text box with a placeholder and a brand-coloured focus border	No Settings tab; the placeholder is fixed
Modern Input Label	Paid	A text box with its label sitting on the top border	Label Text, Default Text, Hint Text (Placeholder), Border & Label Color
Multiline Input	Paid	Comments and descriptions, with a live character counter	Field label, Placeholder, Starting value, Mark as required (Helper text is replaced by a live character counter)
Number Input	Paid	Quantities, counts and scores; only digits can be typed	Field label, Placeholder, Starting value, Helper text, Mark as required
Currency Input	Paid	Prices, budgets and totals, with a currency symbol inside the box	Field label, Placeholder, Starting value, Currency symbol, Helper text, Mark as required
Email Input	Paid	An email address that turns red with a message until it is valid	Field label, Placeholder, Starting value, Mark as required
Phone Input	Paid	A phone number that flags anything too short to be real	Field label, Placeholder, Starting value, Mark as required
Password Input	Paid	A masked password with a show and hide toggle	Field label, Placeholder, Starting value, Helper text, Mark as required
Clearable Input	Paid	A search or filter box with an x icon that empties it	Field label, Placeholder, Starting value, Helper text, Mark as required
Radio Group	Paid	Pick exactly one option; the answer sits in a context variable	Question, Options with Add option, Selected to begin with, Mark as required
Checkbox Group	Paid	Pick any number of options; answers collect into a collection	Question, Options with Add option, Mark as required
Rating	Paid	A star rating card with a question and a live value line	Label, Empty-state text, Number of stars, Default rating, Read-only
Rating Compact	Paid	A slim rating row for a column of fields or a review list	Label, Number of stars, Default rating, Read-only
Rating Feedback Card	Paid	A tinted rating card whose caption answers back, Poor to Excellent	Label, Empty-state text, Number of stars, Default rating, Read-only
Slider	Paid	A slider card with a label and a live value readout	Label, Minimum, Maximum, Default value, Value suffix
Slider with Value Bubble	Paid	A slider with a value pill that follows the handle	Label, Minimum, Maximum, Default value, Value suffix
Slider Minimal	Paid	A bare slider with min and max captions for settings and filter panels	Label, Minimum, Maximum, Default value, Value suffix

Paid means a Components, Ultra, Team or Lifetime plan (pricing). Open the category in the library: Input Fields.

To copy a variant into Power Apps Studio, follow Getting Started. Input is free; every other variant needs a Components, Ultra, Team or Lifetime plan, and the Settings tab only accepts changes on Ultra, Team or Lifetime.

After you paste

Control names come from each variant's fixed base name, not from the label you typed: txtEmail, txtPhone, txtQuantity, txtAmount, txtPassword, txtNotes, txtSearch for Clearable Input, and txtInput for both Input and Modern Input Label. Text inputs give you a String in .Text; the rating controls (rtgRating, rtgRatingCompact, rtgRatingFeedback) and slider controls (sldSlider, sldSliderBubble, sldSliderMinimal) give you a Number in .Value. In your save button's OnSelect, with Contacts standing for your list or table:

Patch(
    Contacts,
    Defaults(Contacts),
    {
        Email: txtEmail.Text,
        Phone: txtPhone.Text,
        Score: rtgRating.Value,
        Budget: sldSlider.Value
    }
)

Radio Group keeps its answer in the context variable varRadioSelected; Checkbox Group collects ticked rows into the collection gblCheckboxSelected. Both want a starting state, and the copied YAML ends with the formula as a comment. In the screen's OnVisible:

UpdateContext({ varRadioSelected: "Email" });
Clear(gblCheckboxSelected)

Read them back with varRadioSelected and Concat(gblCheckboxSelected, Label, ", ").

Email Input already turns red on a bad address, but nothing stops the form from being sent. To hold your submit button until the fields are usable, put this in its DisplayMode:

If(
    IsMatch(txtEmail.Text, Match.Email) && rtgRating.Value >= 1,
    DisplayMode.Edit,
    DisplayMode.Disabled
)

Good to know

Input, the free one, has no Settings tab. Its placeholder is fixed to Email; change HintText on txtInput in Studio.
Each text variant is a set of sibling controls, not a container: a caption label such as lblEmailCaption, the text input, a helper label such as lblEmailHelper positioned relative to the input, and for Currency, Password and Clearable a fourth control (lblAmountSymbol, icoPasswordReveal, icoSearchClear). Select them all in the Tree view before moving them.
Email Input and Phone Input have no Helper text setting because the helper label doubles as the error message; it swaps wording and colour when IsMatch fails. Multiline Input swaps helper text for a counter, Len(txtNotes.Text) & " / 500 characters", and sets MaxLength to 500.
Password Input's eye icon flips the context variable varShowPassword. Clearable Input's x runs Reset(txtSearch) and sets varSearchCleared, so a Starting value does not refill the box after clearing.
The Rating and Slider variants have an Instructions tab. They emit the real classic Rating and Slider controls with no version number, so Studio picks the current one; if your Studio rejects that line, add the control once by hand, open View code and copy its Control: line over ours. Read-only on Rating turns it into a display score, for example Default: =ThisItem.Score inside a gallery.
There is no Modern switch on the YAML tab for this family; every variant is Classic controls. The theme toggle in the component header bakes a light or dark palette in, except Modern Input Label, which keeps white fills in both themes.

Open the category at Input Fields. Document, photo and signature capture live in Uploads; pick lists in Dropdowns; date pickers in Calendars. To generate a whole form at once, see Form Builder.

Input Fields for Power Apps

Pick a variant

After you paste

Good to know

Related