SidebarOptInForm() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SidebarOptInForm() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/blocks/sidebar-06/components/sidebar-opt-in-form.tsx lines 11–32

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">
              Subscribe
            </Button>
          </div>
        </form>
      </CardContent>
    </Card>
  )
}