- Alle 63 Komponenten aus dem shadcn-Register installiert (Stil base-luma) - Galerie unter components/galerie mit 7 Kategorien und Sprungnavigation - Inhaltsbreite auf max-w-6xl erweitert - shadcn-Hauptfarbe auf E&P-Tiefblau, größter Radius eckig - App-Titel "UI-Galerie" Co-Authored-By: Claude Opus 5.5 <[email protected]>
21 lines
591 B
TypeScript
21 lines
591 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
// Eine Kachel der Galerie: Name der Komponente und ein lebendes Beispiel.
|
|
// "breit" belegt auf größeren Bildschirmen zwei Spalten.
|
|
export function Eintrag({
|
|
name,
|
|
breit = false,
|
|
children,
|
|
}: {
|
|
name: string;
|
|
breit?: boolean;
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<section className={cn("ep-karte flex min-w-0 flex-col gap-4", breit && "sm:col-span-2")}>
|
|
<h3 className="text-sm font-bold text-ink-muted">{name}</h3>
|
|
<div className="flex min-w-0 flex-1 flex-wrap items-center gap-3">{children}</div>
|
|
</section>
|
|
);
|
|
}
|