Komponente · 2 Varianten
Section-Label
components/SectionLabel.astro
Haarlinie, Icon, Label. Steht an jeder Sektion — nicht an Hero, Header, Footer. Satzschrift, Geist Mono. Strich, ASCII und Unicode. Nacht und Paper.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| text | string | — | Kicker, Satzschrift, nw-label. |
| variant | "strich" | "mitte" | "strich" | Strich: Icon links, Linie rechts. Mitte: Linie, Icon, Wort, Linie. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
| icon | SectionLabelIcon | "plus" | Strich-Zeichnung oder ASCII/Unicode-Zeichen. |
<SectionLabel text="Über" variant="strich" icon="plus" surface="nacht" />
<SectionLabel text="Mandate" variant="mitte" icon="kome" surface="paper" />Strich
Fünf gezeichnete 12-Pixel-Icons. 1px, square cap, kein Fill.
Nacht
Plus
Ring
Raute
Kreuz
Stern
Paper
Plus
Ring
Raute
Kreuz
Stern
ASCII
Satzzeichen aus der Tastatur. Geist Mono, wie das Label.
Nacht
Hash
Slash
Pipe
Größer
Sternchen
Paper
Hash
Slash
Pipe
Größer
Sternchen
Unicode
Typografische Zeichen. Dieselbe Schrift, dieselbe Farbe.
Nacht
Kome
Paragraph
Obelisk
Asterismus
Circdot
Quadrat
Dreieck
Pfeil
Hex
Gitter
Hohlraute
Kugel
Fadenkreuz
Paper
Kome
Paragraph
Obelisk
Asterismus
Circdot
Quadrat
Dreieck
Pfeil
Hex
Gitter
Hohlraute
Kugel
Fadenkreuz
01 · Strich
Icon und Wort, Linie läuft weiter
Eine Zeile. Haarlinie füllt rechts.
Nacht
Über
Handwerk, Industrie, Mittelstand.
Paper
Über
Handwerk, Industrie, Mittelstand.
02 · Mitte
Kicker sitzt in der Linie
Linie, Icon, Wort, Linie.
Nacht
Über
Handwerk, Industrie, Mittelstand.
Paper
Über
Handwerk, Industrie, Mittelstand.