V Vaylan UI
Layout

Card

Group one related content concern and its actions.

Preview

Deployment status Healthy

All services are responding normally.

Example

<.card variant={:border}><:title>Project status</:title>Everything is on track.</.card>

API contract

card/1 uses declared Phoenix attributes and slots. This table is generated from the compiled component metadata.

AttributeTypeRequiredDefaultAccepted values
size :atom No :md [:xs, :sm, :md, :lg, :xl]
variant :atom No nil [nil, :border, :dash]
side :boolean No false Any value matching the declared type
class :any No nil Any value matching the declared type
rest :global No Any value matching the declared type
SlotRequiredSlot attributes
media No No slot attributes
title No No slot attributes
inner_block Yes No slot attributes
actions No No slot attributes

States and behavior

Default and caller-supplied variants preserve semantic daisyUI colors and additive classes.

Keyboard and accessibility