Docs / Components / Card
ven.js

Card

venjs.card(props, ...children) — a rounded content surface with a subtle border and hover shadow.

Signature

venjs.card(props, ...children) → VNode

Props

PropTypeDescription
classstringAppended after the default card classes.
any div attribute / eventForwarded to the card container.

Example

venjs.card({ class: "feature-card" }, [
  venjs.h3({}, "Reactivity"),
  venjs.p({}, "Signals keep your UI in sync with state automatically.")
]);

Default styling

bg-white rounded-3xl p-6 border border-gray-100 shadow-sm hover:shadow-md transition-shadow