/storybook

Shadcn UI Komplett-Showcase

Alle installierten Komponenten aus src/components/ui sind hier auf einer Seite mit Varianten/Demos eingebaut.

Button Varianten + Größen

default, secondary, outline, ghost, destructive, link

Badge Varianten

Alle Badge-Varianten sichtbar

DefaultSecondaryOutlineDestructiveGhostLink

Alert (default + destructive)

Hinweise und Statusmeldungen

Info

Die Storybook-Route läuft korrekt.

Destructive

Beispiel für kritischen Hinweistext.

Alert Dialog + Drawer

Overlay-Komponenten

Input, Label, Textarea, Checkbox

Basis-Formelemente + Field Wrapper

Newsletter

Input Group Varianten

Addon Align + Buttons

Notiz

Select + Combobox

Auswahl-Komponenten

Dropdown Menu

Simple Actions + Submenu

Context Menu

Rechtsklick-Bereich

Rechtsklick in diesem Bereich

Accordion + Collapsible

Klappbare Inhalte

Alle shadcn Komponenten dieses Projekts auf einer Seite.

Avatar + Aspect Ratio + Direction

Medien und RTL/LTR Demo

AMJS

RTL Bereich

Breadcrumb + Separator + Small Card

Zusätzliche Layout-Helfer

size=sm

Vertikaler Separator

Beispielinhalt

Damit sind auch Card-Varianten und Separator-Orientierung abgedeckt.

Theme Switch (unten)

Standard: Light. Optional: Dark oder Auto (System).