Shortcuts
Next region
F9
Previous region
ShiftF9
Jump to toast
⌥Enter
Dismiss toast
⌥Q
Go to incoming interaction popup.
⌥Enter
Dismiss incoming interaction popup.
⌥Q

URL input

The URL input component allows users to enter and edit URLs.

Usage

The URL input type will accept all characters entered but uses built-in Validation for URLs. If an invalid URL is entered, an error will be displayed when the user submits the form.

New for 24.2: Now labels can use property references, making them dynamic; creating more personalized, engaging experiences.

For best practices on building forms with inputs in Constellation, visit Pega Academy.

Example

Enter some value

Display options

Required

This will prevent any form submission until the required selection is made.

Readonly

Readonly inputs are typically recommended to use when they provide information that a user shouldn't edit, but makes sense in the logical order of the form. (e.g. A state input may be readonly based on certain business restrictions, but the street and province or state are freely editable.)

Disabled

Not recommended, has serious accessibility implications.

Configuration

To learn how to configure this component in your Constellation application, visit Pega Documentation.

All components shown on this site are supported by the Constellation UX System. To learn how to configure Theme Cosmos, visit Pega Documentation.

Related components