Card

Card

Headless primitives first, then component wrappers with variant, tone, padding, interactive, elevated, and optional media/actions/divider/link helpers.

Primitives (`tngCard*`)

Release Summary

Headless card primitives with custom page-level styling.

Build status: healthy, 0 lint warnings, all vitest suites passing.

Use primitives when you want complete control over markup and style hooks.

Components (`tng-card*`) - Variants and State

Launch Checklist

Interactive + elevated card with tone and footer actions.

Validate route smoke tests, check keyboard behavior, and verify docs examples before release.

Readonly Metrics

Compact card with smaller padding and neutral interaction behavior.

  • 30 card component tests passing
  • Exports verified in layout index
  • Optional wrappers available

Components - Optional Wrappers

Media + Divider + Actions

Composable wrappers for richer card layouts.

Actions container supports alignment with consistent spacing.