Sticky Banner
A banner component that sticks to top, hides when user scrolls down
Announcing $10M seed funding from project mayhem ventures. Read announcement
Installation
Run the following command
npx shadcn@latest add @aceternity/sticky-bannerExamples
Sticky banner
Announcing $10M seed funding from project mayhem ventures. Read announcement
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | undefined | Optional CSS class to apply to the banner |
children | React.ReactNode | Required | Content to display inside the banner |
hideOnScroll | boolean | false | When true, hides the banner after scrolling down 40px |
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
