Card
Inhaltskarte mit Media-, Inhalts- und Footer-Slot
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
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| padded | boolean | true | Innenabstand |
| interactive | boolean | false | Interaktiv (Hover) |
| background | string | "" | 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