---
name: shadcn-vue-typography
description: >
  shadcn-vue Typography: alle Text-Stil-Klassen fuer h1-h4, p, blockquote, table,
  list, Inline Code, Lead, Large, Small, Muted. Tailwind-Klassen und Verwendung.
  Triggers: "shadcn vue typography", "shadcn vue textstile", "typography komponente vue",
  "shadcn h1 h2 h3", "shadcn vue heading styles", "shadcn muted text", "shadcn lead",
  "shadcn blockquote", "shadcn vue inline code", "typografie shadcn",
  "text styles shadcn vue", "shadcn vue large small text"
---

# shadcn-vue: Typography

shadcn-vue stellt vorgefertigte Typografie-Stil-Klassen bereit, die direkt als
Tailwind-Klassen auf HTML-Elemente angewendet werden koennen.

## Verfuegbare Typen

| Klasse / Selektor | Verwendung |
|---|---|
| h1 | Groesste Ueberschrift (scroll-m-20 text-4xl font-extrabold) |
| h2 | Zweite Ebene (scroll-m-20 border-b pb-2 text-3xl font-semibold) |
| h3 | Dritte Ebene (scroll-m-20 text-2xl font-semibold) |
| h4 | Vierte Ebene (scroll-m-20 text-xl font-semibold) |
| p | Absatz (leading-7, margin-top bei Folgeabsatz) |
| blockquote | Zitat (mt-6 border-l-2 pl-6 italic) |
| table | Tabellenstruktur (w-full caption-bottom text-sm) |
| list | Aufzaehlung (my-6 ml-6 list-disc) |
| Inline code | Code im Fliesstext (relative rounded bg-muted px-[0.3rem] font-mono text-sm) |
| Lead | Hervorgehobener Einleitungstext (text-xl text-muted-foreground) |
| Large | Groesserer Text (text-lg font-semibold) |
| Small | Kleiner Text (text-sm font-medium leading-none) |
| Muted | Gedaempfter Text (text-sm text-muted-foreground) |

## Reference Files

- `references/typography.md` — Alle Typen mit Beschreibung, Demo-Komponentennamen
  (TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP,
  TypographyBlockquote, TypographyTable, TypographyList, TypographyInlineCode,
  TypographyLead, TypographyLarge, TypographySmall, TypographyMuted)