STARCK UI

Sticky Product CTA

A compact scroll-aware product bar for keeping the next action within reach.

Used inSessionWatcher ↗

Keep the next action close.

The contained preview uses the same component without attaching it to the documentation viewport.

Ship with STARCK UI

Add component

Install

Add the source directly to your shadcn project.

pnpm dlx shadcn@latest add https://ui.starck.studio/r/sticky-product-cta.json

Usage

<StickyProductCta
  title="Ship with STARCK UI"
  description="Open source components from real products."
  showAfter={0}
  contained
  secondaryAction={
    <a href="#source" className="text-xs font-medium text-zinc-600">
      View source
    </a>
  }
  primaryAction={
    <a href="#install" className="rounded-full bg-zinc-950 px-4 py-2 text-xs font-semibold text-white">
      Add component
    </a>
  }
/>