Files
demo/frontend-starter/components/galerie/eintrag.tsx
T
AdminandClaude Opus 5.5 78c8b702f0 Galerie aller shadcn/ui-Komponenten auf der Startseite
- 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]>
2026-11-05 18:07:19 +00:00

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>
);
}