Components
Loading preview...
Here is Fullwidth Divider component
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/fullwidth-dividerimport { FullWidthDivider } from "@/components/ui/fullwidth-divider";
export default function DemoOne() {
return (
<div className="flex flex-col gap-8 p-8 pb-16"> {/* ← pb-16 */}
<div className="relative rounded-lg border bg-card p-6">
<FullWidthDivider contained position="top" />
<p className="text-sm">Divider sits at the top edge</p>
</div>
<div className="relative rounded-lg border bg-card p-6">
<p className="text-sm">Divider sits at the bottom edge</p>
<FullWidthDivider contained position="bottom" />
</div>
</div>
);
}