Components
A page header with a large title, optional description, and a slot for actions to keep page layouts consistent.
Loading preview...
import { PageHeader } from "@/components/ui/page-header";
import { Button } from "@/components/ui/button";
export default function Default() {
return (
<div className="w-full max-w-3xl mx-auto rounded-lg border bg-background text-foreground overflow-hidden">
<PageHeader
title="Projects"
description="Manage and organize all of your team's projects in one place."
>
<Button>New Project</Button>
</PageHeader>
<div className="h-32" />
</div>
);
}