Card — component.card — Invisible Minidocs

Componentv1.2.0Inhaltweb.documentweb.applicationdesktop.shellemail.client

Beispiele

Karte mit Elements in Slots

Kundenprofil

Zusammengesetzt aus ui.heading, ui.text, ui.badge und ui.button — jede Zeile ein eigener Render-Aufruf über die Registry.

Interaktiv, ohne Footer

Hover-Karte

Elevation wechselt beim Hover über Token.

Ganze Karte als Link (href)

Klick mich irgendwo — die ganze Kachel navigiert.

Eigenschaften

Prop	Typ	Default
`padded`	boolean	`true`
`interactive`	boolean	`false`
`background`	string	`""`
`href`	string	`""`
`hrefLabel`	string	`""`

Events & Slots

Slot media: akzeptiert ui.* · max 1

Slot default: akzeptiert ui.*, component.*, layout.* · Pflicht

Slot footer: akzeptiert ui.*

Stellschrauben (Komponenten-Tokens)

Token	Default
`--card-background`	`var(--color-surface-raised)`
`--card-border`	`var(--color-border-default)`
`--card-radius`	`var(--radius-surface)`
`--card-shadow`	`var(--elevation-raised)`
`--card-padding`	`var(--size-5)`

Genutzte Design-Tokens

border.hairline color.border.default color.surface.default color.surface.raised color.surface.sunken color.text.default duration.base easing.standard elevation.overlay elevation.raised font.family.default radius.surface size.3 size.5