Banner 15 - Two-action barPro
Left-aligned title and description with a primary and an outline button on the right, stacking on mobile.
About Banner 15
Left-aligned title and description with a primary and an outline button on the right, stacking on mobile.
Banner 15 is a pro banner block for React, built on shadcn/ui and Tailwind CSS. It ships as 76 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- actions
- buttons
- upgrade
- trial
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/banner-15Dependencies installed automatically: lucide-react.
Uses: button, utils.
Usage
import Banner15 from "@/components/blocks/banner-15"
export default function Page() {
return <Banner15 />
}