Files
projectsend/resources/js/components/heading.tsx
ignacionelson 6e47d76ba6 ProjectSend 2.0.0
Client file sharing, rebuilt from the ground up: a private area per
client, resumable uploads, folders, groups and categories, sharing with
expiry dates and download limits, comments, file versions, an activity
log, a REST API, and sixteen languages.

This repository begins here. ProjectSend 2 was developed privately, and
that development history is not published — the previous generation
remains available, with its own history, at projectsend/legacy.

Free software under the GNU General Public License v2, or (at your
option) any later version.
2026-08-14 01:38:12 -03:00

19 lines
791 B
TypeScript

import { type ReactNode } from 'react';
export default function Heading({ title, description, badge }: { title: string; description?: string; badge?: ReactNode }) {
return (
<>
<div className="mb-8 space-y-0.5">
{/* The page title: h1, not h2 — this is the only Heading a page
renders, and screen readers anchor "where am I" on level 1.
The visual size lives in the classes, so no layout change. */}
<h1 className="flex items-center gap-2 text-xl font-semibold tracking-tight">
{title}
{badge}
</h1>
{description && <p className="text-muted-foreground text-sm">{description}</p>}
</div>
</>
);
}