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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/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>
  )
}