Components / Card

Card

Surface container with header, body, and footer slots. Supports semantic intent for alert-style cards.

Default Card

Project AlphaActive

A surface container that holds a unit of related content.

Intent Cards

Left-edge accent using semantic colors for alert-style usage.

✓ Changes saved successfully.

⚠ Your subscription expires in 3 days.

✕ Failed to connect to server.

ℹ A new version is available.

MayaCard API

Prop / EventTypeDefaultDescription
intentString"default"Semantic intent color edge ("default", "success", "warning", "danger", "info").
borderedBooleanfalseIf true, adds a border to the card.
#headerSlotSlot for the card header.
#defaultSlotMain content slot (body).
#footerSlotSlot for the card footer.