← Back to Components

Card

feedback

Card container for content

Parameters

variantclassName

Variants

defaultoutline

Preview

Card Title

Card content here.

Example

{
  "kind": "component",
  "name": "Card",
  "props": {
    "variant": { "expr": "lit", "value": "default" }
  },
  "children": [
    { "kind": "element", "tag": "h3", "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Card Title" } }] },
    { "kind": "element", "tag": "p", "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Card content goes here." } }] }
  ]
}

Installation

Copy component files from:

node_modules/@constela/ui/components/card/