ship-registration-form.tsx — ui Source File

Source Code

import { Button } from "@/registry/new-york-v4/ui/button"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSet,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
import { Input } from "@/registry/new-york-v4/ui/input"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
} from "@/registry/new-york-v4/ui/input-group"
import {
  RadioGroup,
  RadioGroupItem,
} from "@/registry/new-york-v4/ui/radio-group"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"

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>
// ... (134 more lines)