KikitaUiDocs

Card heading

Grouped content with Kikita border, radius, and surface tokens.

appearance

size

heading

body

State

interactive

<article kuiCard>
  <h2>Card heading</h2>
  <p>Grouped content with Kikita border, radius, and surface tokens.</p>
</article>

Name	Type	Default	Description
appearance	`'surface' \| 'elevated' \| 'sunken'`	`'surface'`	Visual surface treatment: flat surface, elevated shadow, or sunken inset. Falls back to defaults.card.appearance.
size	`'xs' \| 'sm' \| 'md' \| 'lg'`	`'md'`	Card padding size, mapped to the shared Kikita size scale. An explicit local size wins, then defaults.card.size, then the global defaults.size.
interactive	`boolean`	`false`	Enables hover and focus-visible affordances for clickable cards. Does not add semantics or keyboard behavior; choose an interactive host element (button, a) for that.

Inputs verified against @kikita-labs/ui v2.0.0 v2.0.0 public typings.