FeedbackForm() — ui Function Reference

Architecture documentation for the FeedbackForm() function in vercel.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ FeedbackForm() — ui Function Reference

Dependency Diagram

graph TD
  0fa2d904_7879_78ad_d384_20e673fec3a6["FeedbackForm()"]
  2038c283_e37d_b58c_c8d2_c03efe5b269c["vercel.tsx"]
  0fa2d904_7879_78ad_d384_20e673fec3a6 -->|defined in| 2038c283_e37d_b58c_c8d2_c03efe5b269c
  style 0fa2d904_7879_78ad_d384_20e673fec3a6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/blocks/vercel.tsx lines 701–765

function FeedbackForm() {
  return (
    <Example title="Feedback Form" className="items-center justify-center">
      <Card className="w-full max-w-sm" size="sm">
        <CardContent>
          <form id="feedback-form">
            <FieldGroup>
              <Field>
                <FieldLabel htmlFor="topic">Topic</FieldLabel>
                <NativeSelect id="topic">
                  <NativeSelectOption value="">
                    Select a topic
                  </NativeSelectOption>
                  <NativeSelectOption value="ai">AI</NativeSelectOption>
                  <NativeSelectOption value="accounts-and-access-controls">
                    Accounts and Access Controls
                  </NativeSelectOption>
                  <NativeSelectOption value="billing">
                    Billing
                  </NativeSelectOption>
                  <NativeSelectOption value="cdn">
                    CDN (Firewall, Caching)
                  </NativeSelectOption>
                  <NativeSelectOption value="ci-cd">
                    CI/CD (Builds, Deployments, Environment Variables)
                  </NativeSelectOption>
                  <NativeSelectOption value="dashboard-interface">
                    Dashboard Interface (Navigation, UI Issues)
                  </NativeSelectOption>
                  <NativeSelectOption value="domains">
                    Domains
                  </NativeSelectOption>
                  <NativeSelectOption value="frameworks">
                    Frameworks
                  </NativeSelectOption>
                  <NativeSelectOption value="marketplace-and-integrations">
                    Marketplace and Integrations
                  </NativeSelectOption>
                  <NativeSelectOption value="observability">
                    Observability (Observability, Logs, Monitoring)
                  </NativeSelectOption>
                  <NativeSelectOption value="storage">
                    Storage
                  </NativeSelectOption>
                </NativeSelect>
              </Field>
              <Field>
                <FieldLabel htmlFor="feedback">Feedback</FieldLabel>
                <Textarea
                  id="feedback"
                  placeholder="Your feedback helps us improve..."
                />
              </Field>
            </FieldGroup>
          </form>
        </CardContent>
        <CardFooter>
          <Button type="submit" form="feedback-form">
            Submit
          </Button>
        </CardFooter>
      </Card>
    </Example>
  )
}