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
  95d48bc9_7bf3_2f2a_2085_2f108694cf84["SidebarOptInForm()"]
  f48ba208_e400_c242_a76b_4066f37e0993["sidebar-opt-in-form.tsx"]
  95d48bc9_7bf3_2f2a_2085_2f108694cf84 -->|defined in| f48ba208_e400_c242_a76b_4066f37e0993
  style 95d48bc9_7bf3_2f2a_2085_2f108694cf84 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/blocks/sidebar-06/components/sidebar-opt-in-form.tsx lines 11–33

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