/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
Alert Dialog + Drawer
Overlay-Komponenten
Input, Label, Textarea, Checkbox
Basis-Formelemente + Field Wrapper

Kurz und optional.

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
+3
Showcase
RTL Bereich
Breadcrumb + Separator + Small Card
Zusätzliche Layout-Helfer
size=sm
Vertikaler SeparatorBeispielinhalt

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

Theme Switch (unten)

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