ShipRegistrationForm() — ui Function Reference

Architecture documentation for the ShipRegistrationForm() function in ship-registration-form.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ShipRegistrationForm() — ui Function Reference

Dependency Diagram

graph TD
  6b2a0fcf_8778_e9af_0504_4945df9daf4c["ShipRegistrationForm()"]
  1bdb9db8_a99b_b09b_b36e_47ee36767c5b["ship-registration-form.tsx"]
  6b2a0fcf_8778_e9af_0504_4945df9daf4c -->|defined in| 1bdb9db8_a99b_b09b_b36e_47ee36767c5b
  style 6b2a0fcf_8778_e9af_0504_4945df9daf4c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/(pages)/forms/ship-registration-form.tsx lines 33–193

export function ShipRegistrationForm() {
  return (
    <div className="flex max-w-md flex-col gap-6">
      <div className="flex flex-col gap-2">
        <h1 className="text-2xl font-bold tracking-tight">
          Join us in SF or online on October 23
        </h1>
        <FieldDescription>
          Already signed up? <a href="#">Log in</a>
        </FieldDescription>
      </div>
      <form>
        <FieldGroup>
          <FieldSet>
            <FieldLegend>1. Select your ticket type</FieldLegend>
            <FieldDescription>
              Select your ticket type to join us in San Francisco or online on
              October 23.
            </FieldDescription>
            <Field>
              <RadioGroup>
                <FieldLabel htmlFor="in-person">
                  <Field orientation="horizontal">
                    <FieldContent>
                      <FieldTitle>In Person</FieldTitle>
                      <FieldDescription>
                        Join us in San Francisco on October 23.
                      </FieldDescription>
                    </FieldContent>
                    <RadioGroupItem value="in-person" id="in-person" />
                  </Field>
                </FieldLabel>
                <FieldLabel htmlFor="online">
                  <Field orientation="horizontal">
                    <FieldContent>
                      <FieldTitle>Online</FieldTitle>
                      <FieldDescription>
                        Join us online on October 23.
                      </FieldDescription>
                    </FieldContent>
                    <RadioGroupItem value="online" id="online" />
                  </Field>
                </FieldLabel>
              </RadioGroup>
            </Field>
          </FieldSet>
          <Field orientation="horizontal">
            <Checkbox id="next-conf" />
            <FieldLabel htmlFor="next-conf">
              Also sign up for Next.js Conf 2025
            </FieldLabel>
          </Field>
          <FieldSet>
            <FieldLegend>2. Complete your attendee information</FieldLegend>
            <FieldDescription>
              By entering your information, you acknowledge that you have read
              and agree to the <a href="#">Terms of Service</a> and{" "}
              <a href="#">Privacy Policy</a>.
            </FieldDescription>
            <FieldGroup className="grid grid-cols-2 gap-x-4">
              <Field>
                <FieldLabel htmlFor="first-name">First Name</FieldLabel>
                <Input id="first-name" placeholder="Jane" required />
              </Field>
              <Field>
                <FieldLabel htmlFor="last-name">Last Name</FieldLabel>
                <Input id="last-name" placeholder="Doe" required />
              </Field>
              <Field>
                <FieldLabel htmlFor="email">Email</FieldLabel>
                <Input id="email" placeholder="jane.doe@example.com" required />
              </Field>
              <Field>
                <FieldLabel htmlFor="company">Company</FieldLabel>
                <Input id="company" placeholder="Example Inc." required />
              </Field>
              <Field>
                <FieldLabel htmlFor="job-title">Job Title</FieldLabel>
                <Input
                  id="job-title"
                  placeholder="Software Engineer"