Element · 6 Varianten

Tag mit Icon

elements/TagIcon.astro

Tag bekommt ein 16-px-Icon links oder rechts. Keine Farbvariante, Fläche bleibt Nacht oder Paper.

Notizen

Bestand Tag: text, index, href, active, removable. Kein Icon.
Farbvarianten der Anfrage bewusst nicht: kein drittes Bunt, Status ist die Slot-Pille.
Wenn Approved: Prop icon?: IconId am Tag-Element, Nachbau hier ist Attrappe in Tag-Optik.

Props

Name	Typ	Default	Notiz
variant	"links" \| "rechts" \| "index" \| "removable" \| "active" \| "nur-icon"	"links"	01–06.
surface	"nacht" \| "paper"	"nacht"	Pflicht-Paar.

<TagIcon variant="links" surface="nacht" />

01 · Links

Icon vor dem Wort

Tag. 16 px, gap 2.

Nacht

Index

Paper

Index

02 · Rechts

Icon nach dem Wort

Tag. Für Richtung, Link.

Nacht

Index

Paper

Index

03 · Index

01, Icon, Wort

Tag index. Mono-Zahl bleibt vorn.

Nacht

01 Index

Paper

01 Index

04 · Removable

Kreuz hinten

Tag removable. Nur ohne href.

Nacht

Index

Paper

Index

05 · Active

Invertiert

Tag active. Icon erbt currentColor.

Nacht

Index

Paper

Index

06 · Nur Icon

Pille 28

Filterleiste. aria-label trägt das Wort.

Nacht

Paper