@n8d/htwoo-patterns/_patterns/molecules/cards-elements/card-image-html.md

hTWOo Patterns to setup custom style guide

---
title: Card HTML
order: 20
---

## 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

***