URL input

The one field for typing a web address: a fixed grey https:// prefix and the rest of the URL. Use it for every single-URL field — a website, a landing page, a destination, a reference link. A pasted scheme is stripped so the prefix never doubles, http:// becomes https://, and onChange receives the full URL (or an empty string when cleared). Not for a field that also accepts an ID (an Ads Manager link or an ad ID), or for a query string.

Basic

Stores the whole URL, path and query included. Paste https://… and only the part after the prefix stays in the field.

https://

value: https://adside.ai/pricing?utm_source=meta

In a Field

error turns the ring red and sets aria-invalid; the message is a FieldError.

https://

We pull the brand kit from it.

Compact

Tighter padding for dense rows — table cells, a header strip, a bulk-edit popover. Size the height from className.

https://

Company website (DomainInput)

The same field plus an error line and a favicon preview of the hostname. Its value is the part after the prefix, for forms that normalize it into a URL on submit.

https://
adside.ai

Disabled

The address fades and cannot be edited.

https://