Components
Loading preview...
A stylish banner component for modern UIs, built with accessibility and animation in mind.
npx shadcn@latest add https://21st.dev/r/mdafsarx/bannerimport React from "react";
import { Banner } from "@/components/ui/banner";
const BannerDemo = () => {
return (
<div className="p-10 w-full">
<Banner
id="banner-id"
variant="rainbow"
className="shadow-lg bg-white dark:bg-transparent"
rainbowColors={[
"rgba(231,77,255,0.77)",
"rgba(231,77,255,0.77)",
"transparent",
"rgba(231,77,255,0.77)",
"transparent",
"rgba(231,77,255,0.77)",
"transparent",
]}
>
🚀 Project evolving more features soon!
</Banner>
</div>
);
};
export default BannerDemo;