Design System
Playground Zur Vorlage

Komponenten · InhaltAutor-Box

Komponente · 6 Varianten

Autor-Box

components/AutorBox.astro

Foto, Name, Rolle, Bio; als Zeile, Karte im Fond, Fuß mit Haarlinie, Meta-Felder, mehrere Autoren, kompakt im Kopf.

Notizen

  • Bestand: Blog-Card kennt author als Text, Artikel-Layout ohne Autor-Box.
  • MetaField wiederverwendet.

Props

Name Typ Default Notiz
variant "zeile" | "karte" | "fuss" | "meta" | "mehrere" | "kompakt" "zeile" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<AutorBox variant="zeile" surface="nacht" />

01 · Zeile

Foto 56, Name, Bio

Artikel. Basis.

Nacht

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

Paper

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

02 · Karte

Fond, Link

Karten. Alle Artikel.

Nacht

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

Paper

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

03 · Fuß

Haarlinie oben

Prose. Am Artikelende.

Nacht

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

Paper

Daniel Schmidt · Werk

Legt Fläche seit 2014. Schreibt über Index, Draht und den Slot.

04 · Meta

Autor, Datum, Lesezeit

MetaField. Im Kopf.

Nacht

Autor Daniel Schmidt
Datum 2. September 2026
Lesezeit 6 min

Paper

Autor Daniel Schmidt
Datum 2. September 2026
Lesezeit 6 min

05 · Mehrere

Zwei Avatare gestapelt

Avatar gruppe. Namen mit und.

Nacht

Daniel Schmidt und Mara Lind · 2. September 2026

Paper

Daniel Schmidt und Mara Lind · 2. September 2026

06 · Kompakt

Foto 32, eine Zeile

Blog-Card. Für Listen.

Nacht

Daniel Schmidt · Werk

Paper

Daniel Schmidt · Werk