Feature-Raster
Feature-Kacheln mit Icon, Titel und Text — auto-fit-Raster, mobil eine Spalte
Nutzt: ui.icon
Beispiele
Vier Features
Warum Invisible?
Ein Definitionsmodell, jedes Target — kontrollierbar und versioniert.
Eine Wahrheit
Manifest pro Baustein, Registry generiert — nichts doppelt gepflegt.
Strenge Gates
Publish blockiert kaputte Seiten, die Laufzeit bleibt tolerant.
Kunden-sicher
Props und Tokens statt freiem Code — untrusted JSON bleibt harmlos.
Versioniert
Immutable Publishes mit Migrationen — Updates brechen keine Seiten.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title | string | "" | Titel |
| subtitle | string | "" | Untertitel |
| items * | array | — | Features |
| spacing | string: none | sm | md | lg | xl | "lg" | Eigenabstand |
* Pflicht-Prop
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--features-action-primary | var(--color-action-primary) |
--features-border-subtle | var(--color-border-subtle) |
--features-radius-md | var(--radius-md) |
--features-radius-surface | var(--radius-surface) |
--features-surface-default | var(--color-surface-default) |
--features-text-default | var(--color-text-default) |
--features-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairlinecolor.action.primarycolor.border.subtlecolor.surface.defaultcolor.text.defaultcolor.text.mutedcontainer.mdfont.family.defaultleading.baseleading.tightradius.mdradius.surfacesize.10size.12size.4size.6size.8text.2xltext.lgtext.smweight.boldweight.semibold