Form Basic Forms 5 - URL input form

Pro

URL Input with zod url validation in a one-field form.
Shadcn Form Basic Forms 5 component

Component Data

  • ID:form/form-basic-forms-5
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Form Basic Forms 5 component design & features

This example validates a website or webhook URL with zod url inside react-hook-form Controller on a text Input. Invalid protocols or malformed strings trigger FieldError feedback.

URL forms appear in link shorteners, webhook setup, and social profile fields. Client validation reduces bad links before fetch or preview steps.