SidebarOptInForm() — ui Function Reference

Architecture documentation for the SidebarOptInForm() function in sidebar-opt-in-form.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SidebarOptInForm() — ui Function Reference

Dependency Diagram

graph TD
  647d7d06_cea5_2e7f_9c2c_6ac422248342["SidebarOptInForm()"]
  dc8a94a5_b2f2_004d_a629_cf059ad4f642["sidebar-opt-in-form.tsx"]
  647d7d06_cea5_2e7f_9c2c_6ac422248342 -->|defined in| dc8a94a5_b2f2_004d_a629_cf059ad4f642
  style 647d7d06_cea5_2e7f_9c2c_6ac422248342 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/blocks/sidebar-06/components/sidebar-opt-in-form.tsx lines 11–35

export function SidebarOptInForm() {
  return (
    <Card className="gap-2 py-4 shadow-none">
      <CardHeader className="px-4">
        <CardTitle className="text-sm">Subscribe to our newsletter</CardTitle>
        <CardDescription>
          Opt-in to receive updates and news about the sidebar.
        </CardDescription>
      </CardHeader>
      <CardContent className="px-4">
        <form>
          <div className="grid gap-2.5">
            <SidebarInput type="email" placeholder="Email" />
            <Button
              className="bg-sidebar-primary text-sidebar-primary-foreground w-full shadow-none"
              size="sm"
            >
              Subscribe
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}