Card

Compact
Reduced internal spacing.
Side image
Side
Content beside the image.
Bordered
Visible border outline.
Glass
Translucent glass morphism.
Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

Additional CSS classes

body_class :any

CSS classes for card body

variant :string

Card layout variant

shadow :string

Card shadow size

interactive :boolean

Make card clickable/hoverable

false
padding :string

Card padding size

image :string

Card image URL

image_alt :string

Card image alt text

""
rest :global
title :slot

Card title content

Show slot attributes Hide slot attributes
id :any

Title element id

class :any

Title CSS classes

[Multiple values]
action :slot

Card action buttons

Show slot attributes Hide slot attributes
id :any

Action container id

class :any

Action container CSS classes

inner_block :slot

Card body content