SignupForm() — ui Function Reference

Architecture documentation for the SignupForm() function in field-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SignupForm() — ui Function Reference

Dependency Diagram

graph TD
  8f181b1c_33de_4987_6770_2a9056f372e3["SignupForm()"]
  b9b36d9d_9701_6134_d4ee_41213e7f1788["field-demo.tsx"]
  8f181b1c_33de_4987_6770_2a9056f372e3 -->|defined in| b9b36d9d_9701_6134_d4ee_41213e7f1788
  style 8f181b1c_33de_4987_6770_2a9056f372e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/field-demo.tsx lines 1136–1211

function SignupForm() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Create an account</CardTitle>
        <CardDescription>
          Enter your information below to create your account
        </CardDescription>
      </CardHeader>
      <CardContent>
        <form>
          <FieldGroup>
            <Field>
              <FieldLabel htmlFor="signup-name-us1">Full Name</FieldLabel>
              <Input
                id="signup-name-us1"
                type="text"
                placeholder="John Doe"
                required
              />
            </Field>
            <Field>
              <FieldLabel htmlFor="signup-email-zvy">Email</FieldLabel>
              <Input
                id="signup-email-zvy"
                type="email"
                placeholder="m@example.com"
                required
              />
              <FieldDescription>
                We&apos;ll use this to contact you. We will not share your email
                with anyone else.
              </FieldDescription>
            </Field>
            <Field>
              <FieldLabel htmlFor="signup-password-rh7">Password</FieldLabel>
              <Input id="signup-password-rh7" type="password" required />
              <FieldDescription>
                Must be at least 8 characters long.
              </FieldDescription>
            </Field>
            <Field>
              <FieldLabel htmlFor="signup-confirm-password-ha8">
                Confirm Password
              </FieldLabel>
              <Input
                id="signup-confirm-password-ha8"
                type="password"
                required
              />
              <FieldDescription>Please confirm your password.</FieldDescription>
            </Field>
            <FieldGroup>
              <Field>
                <Button type="submit" className="w-full">
                  Create Account
                </Button>
                <Button variant="outline" className="w-full">
                  Sign up with Google
                </Button>
              </Field>
              <Field>
                <p className="text-center text-sm">
                  Already have an account?{" "}
                  <a href="#" className="underline underline-offset-4">
                    Sign in
                  </a>
                </p>
              </Field>
            </FieldGroup>
          </FieldGroup>
        </form>
      </CardContent>
    </Card>
  )
}