Schliessen-Button 1.2.0

A generic close button using .velin-btn--close. Renders a × symbol via CSS ::after — no inner HTML needed. English: Close Button

Reifegrad: In VelinStyle 1.2.0 als stabil dokumentiert. Design Intelligence (Plan / Review / Agent-Meta) ist separat und, wo angegeben, Beta / Grundlage.

Wann verwenden

Schliessen-Steuerelemente fuer Hinweise, Karten oder Overlays mit .velin-btn--close.
Wenn du einen kompakten Icon-Button brauchst, der zur Schliessen-Affordance von VelinStyle passt.

Wann nicht verwenden

Allgemeine Primaeraktionen: verwende Buttons.
Navigation „zurueck“: verwende einen beschrifteten Button oder Link, kein Schliessen-Glyph.

Einfaches Beispiel

<button class="velin-btn--close" aria-label="Schliessen"></button>

Deaktivierter Zustand

<button class="velin-btn--close" aria-label="Schliessen" disabled></button>

Barrierefreiheit

Fuege immer aria-label="Schliessen" hinzu, da der Button keinen sichtbaren Text hat.
Das Mindest-Touch-Ziel von 44×44px wird ueber min-block-size / min-inline-size erzwungen.

CSS-Variablen

Variable	Beschreibung
`--velin-color-text-muted`	Standardfarbe
`--velin-color-text`	Hover-Farbe
`--velin-color-surface-dim`	Hover-Hintergrund
`--velin-radius-md`	Rahmenradius