Design System
Playground Zur Vorlage

Elemente · TextTag

Element · Listen, Filter, Index

Tag

elements/Tag.astro

Thema oder Disziplin. Rahmen, kein Fill — außer der aktiven Filter-Stimme. Index in Geist Mono vor dem Wort. Slot-Pille bleibt der Status.

Props

Name Typ Default Notiz
text string — Thema, Satzschrift.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
index string? — Zahl in Mono vor dem Wort. 01, 02, 03.
href string? — Macht den Tag zum Link. Filter, Listen.
active boolean? false Invertierte Fläche. Eine Auswahl.
removable boolean? false Kreuz. Nur ohne href.
<Tag text="Development" />
<Tag index="01" text="Branding" />
<Tag href="/vorlagen/referenzen/klein" active text="SEO" />
<Tag removable text="Astro" />

Gruppe

Rahmen, kein Fill

Listen, Artikel, Meta-Spalte.

Nacht

DevelopmentHostingSEOFull-Stack

Paper

DevelopmentHostingSEOFull-Stack

Meta

Ohne Kasten

Label und Punkt. Kein Tag-Element, Klasse nw-label.

Nacht

Development Astro Tech News

Paper

Development Astro Tech News

Filter

Eins aktiv

href plus active. Eine Auswahl.

Nacht

Paper

Index

Zahl vor dem Thema

index in Geist Mono, Wort in Geist.

Nacht

01Branding 02Web 03Motion

Paper

01Branding 02Web 03Motion

Overlay

Auf der Fläche

Unten links auf Medien.

Nacht

Case Industrie

Paper

Case Industrie

Entfernen

Mit Kreuz

Filter-Chips. × ist die Handlung.

Nacht

Astro SEO Full-Stack

Paper

Astro SEO Full-Stack