Card

Inhaltskarte mit Media-, Inhalts- und Footer-Slot

Components v1.0.0 Web UI WebsiteAppDesktopE-Mail component.card

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.

Eigenschaften

PropTypDefaultBuilder-Label
paddedbooleantrueInnenabstand
interactivebooleanfalseInteraktiv (Hover)
backgroundstring""Hintergrund-Token

* Pflicht-Prop

Events & Slots

Slot media: akzeptiert ui.*

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

Slot footer: akzeptiert ui.*

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.surface.defaultcolor.surface.raisedcolor.surface.sunkencolor.text.defaultduration.baseeasing.standardelevation.overlayelevation.raisedfont.family.defaultradius.surfacesize.3size.5