🚧 Under Construction

This component documentation is currently being developed. Some features may be incomplete.

Card HTML

View in Pattern Lab

HTML Markup

<div class="hoo-cardhtml">
</div>

Overview

The Card HTML component provides a placeholder container for custom HTML content within a card. It maintains a consistent aspect ratio while allowing for flexible content.

Features

  • 16:9 aspect ratio to match image dimension standards
  • Theme-colored background (theme-600) for visual distinction
  • Empty container ready for custom HTML content
  • Consistent dimensions with other card elements
  • Seamless integration into the card layout

Usage

Use the Card HTML component for:

  • Custom interactive elements within cards
  • Embedded videos or media players
  • Dynamic content from external sources
  • Interactive charts or data visualizations
  • Rich HTML content that requires custom formatting

SCSS Imports

Main Component
@n8d/htwoo-core/components/cards