Power Apps Input Field Components

A text field with an x icon that empties it in one click. The icon only appears while the field has something in it.

A styled card around the real classic Rating control: brand-coloured stars, a question label, and a live value line that reads the chosen rating. Read-only mode turns it into a display-only score. The value is read via .Value for forms, Patch or flows.

The form-field variant of the Rating card: a slim bordered row with the field label on the left and the real classic Rating control right-aligned. Built to sit inside a column of input fields, or as a per-row score in review lists.

The bold variant of the Rating card: a brand-tinted card with large centred stars and a sentiment line that answers back as the user rates, from Poor to Excellent. The real classic Rating control does the input; a Switch formula does the talking.

A styled card around the real classic Slider control: brand-coloured track and handle, a field label, and a live value readout with an optional suffix such as %. The value is read via .Value for forms, Patch or flows.

The showpiece variant of the Slider card: a brand-coloured pill floats above the handle and follows it live as the user drags, powered by a formula over the real classic Slider control, no timers and no code.

The quiet variant of the Slider card: no card surface, just the label row with a live value, the restyled classic Slider, and min/max captions under the rail ends that read the control's own range. Recedes into settings screens and filter panels.

A clean text input field with placeholder text and focus states. Perfect for collecting user data in forms.

Modern text input with an integrated label on the top border. Clean design with focus states and customizable styling.

A multi-line notes field with a live character counter. For comments, descriptions and anything longer than a line.

A numeric field that rejects anything but numbers, with a caption and helper text. For quantities, counts and scores.

A numeric field with a currency symbol sitting inside the box. For prices, budgets and totals.

An email field that validates as the user types, turning the border red and showing a message until the address is valid.

A phone number field that accepts digits, spaces and punctuation, and flags anything too short to be a real number.

A masked password field with a show and hide toggle, so users can check what they typed before submitting.

Pick exactly one option from a list. Selection is held in a context variable, so it works with no data source.

Pick any number of options from a list. Answers collect into a collection you can read straight into a Patch.