Skip to main content

URL

The URL component allows users to input web addresses, automatically validating the format to ensure correctness. This component is essential for collecting accurate hyperlinks within forms, such as personal websites or resource links.

URL

The options available to configure the URL component are separated into four categories:

  • Display
  • Data
  • Validation
  • Conditional

Display

ParameterDescription
LabelThe name shown on the form for this field (e.g., "URL"). Required.
PlaceholderText displayed inside the input box before the user types anything (e.g., www.example.com).
DescriptionAdditional help text shown below the field to guide users.
TooltipA small message that appears when users hover over an info icon beside the field label.
PrefixText automatically shown before the input (e.g., "https://").
SuffixText automatically shown after the input (e.g., ".com").
Display MaskA pattern or format guide for how the input should appear (e.g., "999-999-9999" for phone numbers).
Custom CSS ClassAllows you to apply custom styling by specifying a CSS class name.
AutocompleteControls browser autocomplete. Common values: on, off, email, url, etc.
HiddenIf checked, the field will not be visible on the form, but the data will still be submitted.
Hide LabelHides the label text visually, but the field remains visible. Useful for screen reader accessibility.
Hide InputThe field is visible but the input itself is hidden (often used for conditional logic).
Initial FocusIf checked, this field will automatically be focused when the form loads.
Allow SpellcheckEnables or disables browser spellcheck on this input.
DisabledMakes the field read-only so users cannot interact with it.

Data

ParameterDescription
Multiple ValuesAllows users to input more than one email address in this field.
Default ValuePre-populates the field with a default value when the form loads. Note that this will override the placeholder text.
Truncate Multiple SpacesCollapses multiple spaces into a single space within the input.
Clear Value When HiddenAutomatically clears the field's value if the component becomes hidden.

Validation

ParameterDescription
RequiredMakes this field mandatory before form submission.
UniqueEnsures the entered value has not been submitted before.
Validate When HiddenValidates the field even when it is not visible on the form.
Minimum LengthSets the smallest number of characters allowed.
Maximum LengthLimits the input to a maximum number of characters.
Regular Expression PatternValidates input against a custom regex pattern.
Error LabelCustom label shown when a validation error occurs.
Custom Error MessageDisplays a personalized message when the field fails validation.

Conditional

ParameterDescription
This Component should displayTrue - the component will display in the form.
False - the component will not display.
When the form componentSelect what component within the form will execute the condition. For example, Submit.
Has the valueThe data entry of the field that executes the condition.